怎麼限制input的text裡輸入的值只能是數字(正則、js)

當我們在一些網站註冊賬號、填寫信息是，不小心將電話號碼填寫成漢字或其他英文字母了，這顯然是不正確的。為了幫助用戶更好地糾正輸入時的錯誤，在表單中填寫信息時，需要限製手機號、郵編、電話號碼這類文本框不能輸入其他字符，只能是數字。

通過使用正則匹配輸入的時候只是數字：

複製代碼代碼如下:

var numRegex = //D/g

再通過JavaScript的onblur 事件：

定義和用法

onblur 事件會在對象失去焦點時發生。

Onblur 經常用於Javascript驗證代碼，一般用於表單輸入框

文法

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('請輸入數字');}else{alert('pass');}}phone.onblur = function(){numRegexFn(this);}

以上所述是小編給大家介紹的使用正則表達式和js限制只能輸入數字的相關內容，希望對大家有所幫助，也希望大家多多的關注武林網網站！