這篇文章主要通過正則表達式和JS代碼限制input的text里輸入的值只能是數字的相關資料,需要的朋友可以參考下

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

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

代碼如下:

var numRegex = /\D/g 

再通過JavaScript的onblur 事件：

定義和用法

onblur 事件會在對象失去焦點時發(fā)生。

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限制只能輸入數字的相關內容，希望對大家有所幫助