为输入框加入数字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 相关文章推荐
Javascript笔记一 js以及json基础使用说明
May 22 Javascript
javascript 函数调用的对象和方法
Jul 01 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
jQuery中attr()和prop()在修改checked属性时的区别
Jul 18 Javascript
node.js中的fs.futimes方法使用说明
Dec 17 Javascript
JS实现淘宝支付宝网站的控制台菜单效果
Sep 28 Javascript
3种js实现string的substring方法
Nov 09 Javascript
探析浏览器执行JavaScript脚本加载与代码执行顺序
Jan 12 Javascript
jquery中用jsonp实现搜索框功能
Oct 18 Javascript
通过修改360抢票的刷新频率和突破8车次限制实现方法
Jan 04 Javascript
详解Vue2.0 事件派发与接收
Sep 05 Javascript
在vue 中使用 less的教程详解
Sep 26 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
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
PHP中的session安全吗?
2016/01/22 PHP
简介PHP的Yii框架中缓存的一些高级用法
2016/03/29 PHP
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
jQuery Ajax请求状态管理器打包
2012/05/03 Javascript
JavaScript中的匀速运动和变速(缓冲)运动详细介绍
2012/11/11 Javascript
H5手机端多文件上传预览插件
2017/04/21 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
vue.js实现条件渲染的实例代码
2017/06/22 Javascript
React中jquery引用的实现方法
2017/09/12 jQuery
利用SpringMVC过滤器解决vue跨域请求的问题
2018/02/10 Javascript
node前端开发模板引擎Jade的入门
2018/05/11 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
bootstrap table实现横向合并与纵向合并
2019/07/18 Javascript
three.js利用射线Raycaster进行碰撞检测
2020/03/12 Javascript
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
python数字图像处理之骨架提取与分水岭算法
2018/04/27 Python
用Python实现筛选文件脚本的方法
2018/10/27 Python
Django media static外部访问Django中的图片设置教程
2020/04/07 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
基于SpringBoot构造器注入循环依赖及解决方式
2020/04/26 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
应聘护士自荐信
2013/10/21 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
公司会计岗位职责
2014/02/13 职场文书
《夕阳真美》教学反思
2014/04/27 职场文书
励志演讲稿大全
2014/08/21 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
2014年语文教学工作总结
2014/12/17 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
德劲DE1105机评
2022/04/05 无线电
springboot为异步任务规划自定义线程池的实现
2022/06/14 Java/Android