DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 怎麼限制input的text裡輸入的值只能是數字(正則、js)
怎麼限制input的text裡輸入的值只能是數字(正則、js)
編輯:關於JavaScript     

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

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

復制代碼 代碼如下:
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限制只能輸入數字的相關內容,希望對大家有所幫助,也希望大家多多的關注網站!

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved