怎么限制input的text里輸入的值只能是數(shù)字(正則、js)
更新時間：2016年05月16日 13:46:04 作者：newbie
這篇文章主要通過正則表達式和JS代碼限制input的text里輸入的值只能是數(shù)字的相關(guān)資料,需要的朋友可以參考下
當(dāng)我們在一些網(wǎng)站注冊賬號、填寫信息是，不小心將電話號碼填寫成漢字或其他英文字母了，這顯然是不正確的。為了幫助用戶更好地糾正輸入時的錯誤，在表單中填寫信息時，需要限制手機號、郵編、電話號碼這類文本框不能輸入其他字符，只能是數(shù)字。
通過使用正則匹配輸入的時候只是數(shù)字：
復(fù)制代碼 代碼如下:
var numRegex = /\D/g
再通過JavaScript的onblur 事件：
定義和用法
onblur 事件會在對象失去焦點時發(fā)生。
Onblur 經(jīng)常用于Javascript驗證代碼，一般用于表單輸入框
語法
HTML 中:
復(fù)制代碼 代碼如下:
<element onblur="SomeJavaScriptCode">
JavaScript 中:
object.onblur= function(){
//操作
myScript;
}
JavaScript 中, 使用 addEventListener() 方法:
復(fù)制代碼 代碼如下:
object.addEventListener('blur',myScript);
最終DEMO代碼：
var numRegexFn = function(obj){
obj.value = obj.value.replace(numRegex,'');
if(!obj.value){
alert('請輸入數(shù)字');
}else{
alert('pass');
}
}
phone.onblur = function(){
numRegexFn(this);
}
以上所述是小編給大家介紹的使用正則表達式和js限制只能輸入數(shù)字的相關(guān)內(nèi)容，希望對大家有所幫助，也希望大家多多的關(guān)注腳本之家網(wǎng)站！
相關(guān)文章
通過表單在iframe內(nèi)向一個跨域的url提交的時候，如何判斷提交成功了呢？這個，基本上，很難，因為瀏覽器安全沙箱的限制，我們沒有辦法通過獲得iframe內(nèi)部不同域頁面的信息。2009-11-11
這是一套適用于JavaScript程序的編碼規(guī)范。它基于Sun的Java程序編碼規(guī)范。但進行了大幅度的修改, 因為JavaScript不是Java。2010-11-11
這篇文章主要為大家詳細介紹了javascript實現(xiàn)移動端紅包雨頁面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要給大家介紹了關(guān)于JavaScript中事件與異常捕獲的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-02-02
10個很少使用的JavaScript?Console方法分享
你一定聽說過?console.log()?,而且可能一直在使用它,在本文中,我們將探討一些最有用的控制臺方法,以及它們在數(shù)據(jù)可視化、調(diào)試等方面的用途,感興趣的小伙伴可以學(xué)習(xí)一下2023-09-09
微信小程序報錯:does?not?have?a?method?"xxxx"?to?ha
這篇文章主要給大家介紹了關(guān)于微信小程序報錯:does?not?have?a?method?"xxxx"?to?handle?event?"tap"的解決方案,文中將解決的辦法介紹的非常詳細,需要的朋友可以參考下2023-01-01
這篇文章主要介紹了JS加載器如何動態(tài)加載外部js文件的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了JavaScript array常用方法代碼實例詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
這篇文章主要為大家詳細介紹了js+cavans實現(xiàn)圖片滑塊驗證，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JS具有阻塞特性,當(dāng)瀏覽器在執(zhí)行js代碼時,不能同時做其它事情,下面這篇文章主要給大家介紹了關(guān)于js與css阻塞問題的相關(guān)資料,需要的朋友可以參考下2021-07-07