jquery限定文本框只能输入数字（整数和小数）
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
jquery限定⽂本框只能输⼊数字（整数和⼩数）
本⽂实例介绍了jquery限定⽂本框只能输⼊数字的详细代码，分享给⼤家供⼤家参考，具体内容如下
先来⼀段规定⽂本框只能够输⼊数字包括⼩数的jQuery代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//⽂本框只能输⼊数字(包括⼩数)，并屏蔽输⼊法和粘贴
jQuery.fn.number=function(){
this.bind("keypress",function(e){
var code=(e.keyCode?e.keyCode:e.which); //兼容⽕狐 IE
//⽕狐下不能使⽤退格键
if(!$.browser.msie&&(e.keyCode==0x8)){return;}
if(this.value.indexOf(".")==-1){return (code >= 48 && code<= 57)||(code==46);}
else{return code >= 48 && code<= 57}
});
this.bind("paste",function(){return false;});
this.bind("keyup",function(){
if(this.value.slice(0,1) == ".")
{
this.value = "";
}
});
this.bind("blur",function(){
if(this.value.slice(-1) == ".")
{
this.value = this.value.slice(0,this.value.length-1);
}
});
};
$(function(){
$("#txt").number();
});
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>
2、jQuery如何规定⽂本框只能输⼊整数:
有时候⽂本框的内容只能够是数字，并且还只能够是整数，例如年龄，你不能够填写20.8岁，下⾯就通过代码实例介绍⼀下如何实现此功能，希望给需要的朋友带来帮助，代码如下:
<html>
<head>
<meta charset="gb2312">
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//⽂本框只能输⼊数字(不包括⼩数)，并屏蔽输⼊法和粘贴
jQuery.fn.integer=function(){
this.bind("keypress",function(e){
var code=(e.keyCode?e.keyCode:e.which); //兼容⽕狐 IE
//⽕狐下不能使⽤退格键
if(!$.browser.msie&&(e.keyCode==0x8))
{
return ;
}
return code >= 48 && code<= 57;
});
this.bind("paste",function(){
return false;
});
this.bind("keyup",function(){
if(/(^0+)/.test(this.value))
{
this.value = this.value.replace(/^0*/,'');
}
});
};
$(function(){
$("#txt").integer();
});
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>
以上代码实现了我们的要求，⽂本框中只能够输⼊整数。
希望本⽂所述对⼤家学习jquery程序设计有所帮助。