js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
更新時(shí)間：2015年08月19日 15:11:29 作者：企鵝
這篇文章主要介紹了js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法,涉及javascript對(duì)字符串正則判斷及數(shù)值大小判斷的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法。分享給大家供大家參考。具體如下：
這是一個(gè)很個(gè)性的輸入框特效，規(guī)定文本框只允許輸入數(shù)字，如果你執(zhí)意要輸入其它的字符，則輸入的字符將自動(dòng)消失，除非你輸入的是規(guī)定內(nèi)的字符格式，并且對(duì)輸入數(shù)字大小也有限制！為保證兼容性，請(qǐng)使用火狐瀏覽器。
運(yùn)行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-input-limit-num-codes/
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首頁</title>
<style type="text/css">
html,body{margin:0; padding:20px;}
</style>
</head>
<body>
<input type="text" id="input" />
<script type="text/javascript">
var text = document.getElementById("input");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
if(text.value>100){
text.value = 100;
}
}
</script>
</body>
</html>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
小編遇到的問題是在彈出層后面的 遮罩層，因?yàn)橛袧L動(dòng)條，導(dǎo)致滾動(dòng)條下面不可視區(qū)域沒有遮罩層。下面就為大家介紹一下解決方法2016-04-04
JS實(shí)現(xiàn)的跨瀏覽器解析XML文件實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)的跨瀏覽器解析XML文件的方法,結(jié)合實(shí)例形式分析了javascript基于ActiveXObject操作xml文件的加載與解析相關(guān)技巧,需要的朋友可以參考下2016-06-06
今天看到一段代碼，比較有意思，本周就再多加一問。2010-02-02
ros::spin() 和 ros::spinOnce()函數(shù)的區(qū)別及詳解
這篇文章主要介紹了ros::spin() 和 ros::spinOnce()函數(shù)的區(qū)別及詳解的相關(guān)資料，本文介紹的非常詳細(xì)，具有參考借鑒價(jià)值，感謝興趣的朋友一起看看吧2016-10-10
javascript中直接引用Microsoft的COM生成Word
直接引用Microsoft的COM是可以生成Word的，下面為大家介紹下實(shí)現(xiàn)的javascript代碼2014-01-01
利用JavaScript差集實(shí)現(xiàn)一個(gè)對(duì)比小工具
這篇文章主要給大家介紹了關(guān)于利用JavaScript差集實(shí)現(xiàn)一個(gè)對(duì)比小工具的相關(guān)資料,雖然實(shí)現(xiàn)的界面不是太好看,但好在功能實(shí)用即可,需要的朋友可以參考下2021-07-07
JS實(shí)現(xiàn)跟隨鼠標(biāo)的鏈接文字提示框效果
這篇文章主要介紹了JS實(shí)現(xiàn)跟隨鼠標(biāo)的鏈接文字提示框效果,涉及javascript鼠標(biāo)事件及頁面元素樣式操作的相關(guān)技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-08-08
js全屏事件fullscreenchange 實(shí)現(xiàn)全屏、退出全屏操作
這篇文章主要為大家詳細(xì)介紹了js全屏事件fullscreenchange，實(shí)現(xiàn)全屏、退出全屏操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-09-09
IE6中使用position導(dǎo)致頁面變形的解決方案(js代碼)
IE6中使用position導(dǎo)致頁面變形，影響用戶體驗(yàn)，通過搜索可以通過js來實(shí)現(xiàn)。2011-01-01
JavaScript實(shí)現(xiàn)基礎(chǔ)排序算法的示例詳解
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)基礎(chǔ)排序算法，如：冒泡排序、選擇排序、插入排序和快速排序，感興趣的可以了解一下2022-06-06