当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 为输入框加入数字js校验代码分享

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网