为输入框加入数字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 相关文章推荐
ie和firefox不兼容的解决方法集合
Apr 28 Javascript
30个精美的jQuery幻灯片效果插件和教程
Aug 23 Javascript
javascript检测页面是否缩放的小例子
May 16 Javascript
jQuery打字效果实现方法(附demo源码下载)
Dec 18 Javascript
Jquery组件easyUi实现选项卡切换示例
Aug 23 Javascript
Node.js开启Https的实践详解
Oct 25 Javascript
jQuery读取XML文件的方法示例
Feb 03 Javascript
详解AngularJS脏检查机制及$timeout的妙用
Jun 19 Javascript
webpack 2.x配置reactjs基本开发环境详解
Aug 08 Javascript
Node.js成为Web应用开发最佳选择的原因
Feb 05 Javascript
vue双向绑定及观察者模式详解
Mar 19 Javascript
node脚手架搭建服务器实现token验证的方法
Jan 20 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面向对象——访问修饰符介绍
2012/11/08 PHP
php实现网站文件批量压缩下载功能
2015/10/28 PHP
jQuery+php简单实现全选删除的方法
2016/11/28 PHP
PHP与SQL语句常用大全
2016/12/10 PHP
PHP基于socket实现的简单客户端和服务端通讯功能示例
2017/07/10 PHP
PHP实现的无限分类类库定义与用法示例【基于thinkPHP】
2018/08/06 PHP
PHP实现的杨辉三角求解算法分析
2019/03/11 PHP
实现复选框全选/全不选切换
2006/12/23 Javascript
Backbone.js的一些使用技巧
2015/07/01 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
Koa代理Http请求的示例代码
2018/10/10 Javascript
js字符串处理之绝妙的代码
2019/04/05 Javascript
详解vue-cli中使用rem,vue自适应
2019/05/06 Javascript
vue+element模态框中新增模态框和删除功能
2019/06/11 Javascript
通过说明与示例了解js五种设计模式
2019/06/17 Javascript
JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作实例分析
2020/03/02 Javascript
Python中的列表知识点汇总
2015/04/14 Python
浅谈django三种缓存模式的使用及注意点
2018/09/30 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
Python中请不要再用re.compile了
2019/06/30 Python
python根据时间获取周数代码实例
2019/09/30 Python
Django框架之中间件MiddleWare的实现
2019/12/30 Python
使用tensorflow DataSet实现高效加载变长文本输入
2020/01/20 Python
TensorBoard 计算图的查看方式
2020/02/15 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
浅析HTML5的WebSocket与服务器推送事件
2016/02/19 HTML / CSS
J2SDK1.5与J2SDK5.0有什么区别
2012/09/19 面试题
静态变量和实例变量的区别
2015/07/07 面试题
工厂厂长的职责
2013/12/12 职场文书
优秀会计求职信
2014/07/04 职场文书
行风评议整改报告
2014/11/06 职场文书
放假通知格式
2015/04/14 职场文书
基层医务人员三严三实心得体会
2016/01/05 职场文书
护理自荐信
2019/05/14 职场文书