下面小編就為大家?guī)硪黄拗浦荒茌斎霐底值膶崿F代碼。小編覺得挺不錯的,現在分享給大家,也給大家做個參考
當我們在一些網站注冊賬號、填寫信息是,不小心將電話號碼填寫成漢字或其他英文字母了,這顯然是不正確的。為了幫助用戶更好地糾正輸入時的錯誤,在表單中填寫信息時,需要限制手機號、郵編、電話號碼這類文本框不能輸入其他字符,只能是數字。
通過使用正則匹配輸入的時候只是數字:
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);
}
以上這篇限制只能輸入數字的實現代碼就是小編分享給大家的全部內容了,希望能給大家一個參考