web開發中如何為輸入框加入數字js校驗

小編給大家分享一下web開發中如何為輸入框加入數字js校驗，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

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;
           }
       }
    }

看完了這篇文章，相信你對“web開發中如何為輸入框加入數字js校驗”有了一定的了解，如果想了解更多相關知識，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！