JQuery判断正整数整理小结(jQuery 文本框中只能输入正整数)
作者：曦羽
这篇文章主要介绍了JQuery判断正整数，附上详细的代码供大家查看具体的方法,需要的朋友可以参考下
代码实例如下：
var totalPage = document.getElementById("totalPage").value.trim();//获取总页
var reg=/^[1-9]\d*$/; //由 1-9开头 的正则表达式
//先判断是否为整数 在判断 是否在 1-总页 整数范围之内
if(reg.test(searchBox)){
if(parseInt(searchBox) > 0 && parseInt(searchBox) <= totalPage){
alert(searchBox);
}else{
alert("输入的页码超出指定范围!!!");
document.getElementById("searchBox").value = ""; //清空
return;
}
}else{
alert("请输入合法的整数页码!!");
document.getElementById("searchBox").value = ""; //清空
return;
}
文本框的输入的内容可能会有各种限制，比如文本框中只能够输入正整数。
下面就是一段能够实现此功能的代码实例，需要的可以做一下参考。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.jb51.com/" />
<title>脚本之家</title>
<script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
$(this).val($(this).val().replace(/\D|^0/g,''));
}).bind("paste",function(){
return false;
})
});
</script>
</head>
<body>
<input type="text"/>
</body>
</html>上面的代码实现了我们的要求，下面介绍一下它的实现过程。
一.代码注释：
（1）.$(document).ready(function(){})，当文档结构完全加载完毕再去执行函数中的代码。
（2）.$("input").keyup(function(){})，为input元素注册keyup事件处理函数。
（3）.$(this).val($(this).val().replace(/\D|^0/g,''));，将非数字或者以0为开头的替换为空。
（4）.bind("paste",function(){
return false;
})，为文本框注册paste事件处理函数，这个是为了防止对文本框复制黏贴操作。
二.相关阅读：
（1）.keyup 事件参阅jQuery keyup一章节。
（2）.val() 参阅jQuery val()一章节。
（3）.replace() 参阅正则表达式replace()一章节。
（4）.bind() 参阅jquery的on()、bind()、live()和delegate()一章节。
（5）.paste 事件参阅onpaste事件用法简单介绍一章节。
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持!