首页 > 编程 > JavaScript > 正文

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

2019-11-19 15:00:23
字体:
来源:转载
供稿:网友

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 模块方法解析等,如有不足之处,欢迎留言指出!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表