下面小編就為大家?guī)?lái)一篇限制只能輸入數(shù)字的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考

當(dāng)我們?cè)谝恍┚W(wǎng)站注冊(cè)賬號(hào)、填寫(xiě)信息是，不小心將電話號(hào)碼填寫(xiě)成漢字或其他英文字母了，這顯然是不正確的。為了幫助用戶(hù)更好地糾正輸入時(shí)的錯(cuò)誤，在表單中填寫(xiě)信息時(shí)，需要限制手機(jī)號(hào)、郵編、電話號(hào)碼這類(lèi)文本框不能輸入其他字符，只能是數(shù)字。

通過(guò)使用正則匹配輸入的時(shí)候只是數(shù)字：

var numRegex = /\D/g再通過(guò)JavaScript的

onblur 事件：

定義和用法

onblur 事件會(huì)在對(duì)象失去焦點(diǎn)時(shí)發(fā)生。

Onblur 經(jīng)常用于Javascript驗(yàn)證代碼，一般用于表單輸入框

語(yǔ)法

HTML 中：

 <element onblur="SomeJavaScriptCode">

JavaScript 中:

object.onblur= function(){

 //操作

 myScript; 

}

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener('blur',myScript);

最終DEMO代碼：

var numRegexFn = function(obj){

        obj.value = obj.value.replace(numRegex,'');

        if(!obj.value){

          alert('請(qǐng)輸入數(shù)字');

        }else{

          alert('pass');

        }

      }

      phone.onblur = function(){

        numRegexFn(this);

}

以上這篇限制只能輸入數(shù)字的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考