为输入框加入数字js校验代码分享


Posted in Javascript onNovember 02, 2017

js限制只能数字输入,并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的位置,参考如下:

html部分:

<input value="" type="text" onkeyup="javascript:RepNumber(this)">

JavaScript部分:

function RepNumber(obj) {
  var reg = /^[\d]+$/g;
  if (!reg.test(obj.value)) {
    var txt = obj.value;
    txt.replace(/[^0-9]+/,
    function(char, index, val) { //匹配第一次非数字字符
      obj.value = val.replace(/\D/g, ""); //将非数字字符替换成""
      var rtextRange = null;
      if (obj.setSelectionRange) {
        obj.setSelectionRange(index, index);
      } else { //支持ie
        rtextRange = obj.createTextRange();
        rtextRange.moveStart('character', index);
        rtextRange.collapse(true);
        rtextRange.select();
      }
    })
  }
}

下面再分享一个实例:

function chkNumber(eleText)
    {
       var value =eleText.value;
       var len =value.length;
       for(vari=0;i<len;i++)
       {
           if(value.charAt(i)>"9"|| value.charAt(i)<"0")
           {
              alert("含有非数字字符");
              eleText.focus();
              break;
           }
       }
    }

总结

以上就是本文关于为输入框加入数字js校验代码分享的全部内容,希望对大家有所帮助。欢迎参阅本站:Java实现JS中的escape和UNescape代码分享、在 Node.js 中使用原生 ES 模块方法解析等,如有不足之处,欢迎留言指出!

Javascript 相关文章推荐
jQuery 操作option的实现代码
Mar 03 Javascript
28个常用JavaScript方法集锦
Jan 14 Javascript
使用RequireJS库加载JavaScript模块的实例教程
Jun 06 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
Jun 20 Javascript
AngularJS入门教程之ng-class 指令用法
Aug 01 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
轻松掌握JavaScript状态模式
Sep 07 Javascript
Ajax实现不刷新取最新商品
Mar 01 Javascript
js 数字、字符串、布尔值的转换方法(必看)
Apr 07 Javascript
JS实现简单短信验证码界面
Aug 07 Javascript
JavaScript实现获取两个排序数组的中位数算法示例
Feb 26 Javascript
Vue+Element ui 根据后台返回数据设置动态表头操作
Sep 21 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 #Javascript
使用 Node.js 模拟滑动拼图验证码操作的示例代码
Nov 02 #Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
Nov 02 #Javascript
vue-resource + json-server模拟数据的方法
Nov 02 #Javascript
详解vue-cli项目中用json-sever搭建mock服务器
Nov 02 #Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
Nov 02 #Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 #Javascript
You might like
PHP数据库开发知多少
2006/10/09 PHP
基于xcache的配置与使用详解
2013/06/18 PHP
PHP和JavaScrip分别获取关联数组的键值示例代码
2013/09/16 PHP
document.all与WEB标准
2020/05/13 Javascript
用javascript动态调整iframe高度的代码
2007/04/10 Javascript
使用原生js实现页面蒙灰(mask)效果示例代码
2014/06/20 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
javascript中获取class的简单实现
2016/07/12 Javascript
KnockoutJS 3.X API 第四章之click绑定
2016/10/10 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
实例浅析js的this
2016/12/11 Javascript
jQuery ajax的功能实现方法详解
2017/01/06 Javascript
nodejs中全局变量的实例解析
2017/03/07 NodeJs
JS模拟超市简易收银台小程序代码解析
2017/08/18 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
[06:43]2018DOTA2国际邀请赛寻真——VGJ.Thunder
2018/08/11 DOTA
20招让你的Python飞起来!
2016/09/27 Python
flask + pymysql操作Mysql数据库的实例
2017/11/13 Python
python2.7到3.x迁移指南
2018/02/01 Python
浅谈Python中重载isinstance继承关系的问题
2018/05/04 Python
python编写简单端口扫描器
2019/09/04 Python
Python爬虫解析网页的4种方式实例及原理解析
2019/12/30 Python
Python实现隐马尔可夫模型的前向后向算法的示例代码
2019/12/31 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
通过python检测字符串的字母
2020/02/18 Python
python3格式化字符串 f-string的高级用法(推荐)
2020/03/04 Python
python自动化发送邮件实例讲解
2021/01/04 Python
法院实习人员自我鉴定
2013/09/26 职场文书
经典的班主任推荐信
2013/10/28 职场文书
毕业自荐书
2013/12/09 职场文书
土建资料员岗位职责
2014/01/04 职场文书
网络研修随笔感言
2014/02/17 职场文书
车辆转让协议书
2014/09/24 职场文书
行政诉讼答辩状
2015/05/21 职场文书
安全主题班会教案
2015/08/12 职场文书