限制只能輸入數(shù)字的實現(xiàn)代碼
更新時間：2016年05月16日 16:07:15 投稿：jingxian
下面小編就為大家?guī)硪黄拗浦荒茌斎霐?shù)字的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
當(dāng)我們在一些網(wǎng)站注冊賬號、填寫信息是，不小心將電話號碼填寫成漢字或其他英文字母了，這顯然是不正確的。為了幫助用戶更好地糾正輸入時的錯誤，在表單中填寫信息時，需要限制手機號、郵編、電話號碼這類文本框不能輸入其他字符，只能是數(shù)字。
通過使用正則匹配輸入的時候只是數(shù)字：
var numRegex = /\D/g再通過JavaScript的
onblur 事件：
定義和用法
onblur 事件會在對象失去焦點時發(fā)生。
Onblur 經(jīng)常用于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('請輸入數(shù)字');
}else{
alert('pass');
}
}
phone.onblur = function(){
numRegexFn(this);
}
以上這篇限制只能輸入數(shù)字的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了詳解webpack+express多頁站點開發(fā)2017-12-12
為什么JavaScript中0.1 + 0.2 != 0.3
這篇文章主要給大家介紹了關(guān)于為什么JavaScript中0.1 + 0.2 != 0.3的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12
KnockoutJS 3.X API 第四章之事件event綁定
event綁定即為事件綁定，即當(dāng)觸發(fā)相關(guān)DOM事件的時候回調(diào)函數(shù),這篇文章主要介紹了KnockoutJS 3.X API 第四章之事件event綁定的相關(guān)知識，感興趣的朋友一起看看吧2016-10-10
這篇文章主要介紹了純JS實現(xiàn)表單驗證實例,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)點擊圖片放大預(yù)覽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要為大家詳細(xì)介紹了如何利用Three.js中的BufferGeometry繪制酷炫的三角形，文中的示例代碼講解詳細(xì)，感興趣的可以嘗試一下2022-12-12
這篇文章主要為大家詳細(xì)介紹了bootstrap模態(tài)框垂直居中效果的實現(xiàn)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了jquery動態(tài)添加刪除(tr/td)的方法,需要的朋友可以參考下2015-02-02
JavaScript實現(xiàn)動態(tài)數(shù)字時鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript實現(xiàn)動態(tài)數(shù)字時鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
用roll.js實現(xiàn)的圖片自動滾動+鼠標(biāo)觸動的特效
用roll.js實現(xiàn)的圖片自動滾動+鼠標(biāo)觸動的特效...2007-03-03