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事件用法简单介绍一章节。

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流，谢谢大家对的支持!

# jquery 判断正整数 # js判断输入是否为正整数、浮点数等数字的函数代码 # 正则文本框只能输入正整数 # JavaScript正则表达式校验非零的正整数实例 # jquery 正整数数字校验正则表达式 # JS只能输入正整数的简单实例 # 一种求正整数幂的高效算法详解 # 只能输入小于最大数且是正整数的脚本 # 使用JavaScript判断用户输入的是否为正整数(两种方法) # JavaScript正则表达式校验非正整数实例 # C++初学者之根据输入的任何一个正整数 # 输出可能被表示的连续正整数 # C++求四个正整数最大公约数的方法 # 文本框 # 清空 # 会有 # 请输入 # 正则表达式 # 再去 # 这篇文章 # 谢谢大家 # 介绍一下 # 框中 # 为空 # 范围之内 # 是为了 # 判断是否 # 实现了 # 加载 # 文档 # 正整数 # 有疑问 # pre

返回目录在线咨询

上一篇：基于数据的决策制定方法有哪些_SEO优化教程
下一篇：视频服务器网站搭建教程：核心配置与在线生成关键步骤

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

JQuery判断正整数整理小结(jQuery&nbsp;文本框中只能输入正整数)

您的项目需求

JQuery判断正整数整理小结(jQuery 文本框中只能输入正整数)