限制只能輸入數(shù)字的實現(xiàn)代碼
更新時間：2016年05月16日 16:07:15 投稿：jingxian
下面小編就為大家?guī)硪黄拗浦荒茌斎霐?shù)字的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
當我們在一些網(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)文章
小編給大家推薦幾款使用Javascript實現(xiàn)的遮罩效果登陸框，其實這種效果是很常見的，在許多互動的社區(qū)及其它的一些地方，彈出框應(yīng)用想當流行，在不妨礙網(wǎng)頁運行的情況下，用戶可以輸入登錄信息，實現(xiàn)完美登錄。2015-11-11
這篇文章主要介紹了JS+CSS實現(xiàn)仿msn風格選項卡效果代碼,涉及JavaScript響應(yīng)鼠標事件動態(tài)變換頁面元素css樣式實現(xiàn)切換功能的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
Bootstrap 支持的另一個特性，輸入框組,輸入框組擴展自表單控件.下面小編給大家介紹bootstrap輸入框組的代碼，非常不錯具有參考借鑒價值，感興趣的朋友一起學習吧2016-06-06
下面小編就為大家?guī)硪黄獪\談bootstrap使用中的一些問題以及解決過程。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要為大家詳細介紹了js中apply與call簡單用法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
微信小程序多文件上傳 Tdesign及導(dǎo)入失敗問題
小程序文件上傳還是有點麻煩的,其實主要還是小程序?qū)Φ慕涌谟兄T多的不便,比如說,文件不能批量提交,只能一個個的提交,小程序的上傳需要專門的接口,這篇文章主要介紹了微信小程序多文件上傳 Tdesign及導(dǎo)入失敗問題,需要的朋友可以參考下2023-11-11
Ajax是一種技術(shù)，一種能夠向服務(wù)器請求額外的數(shù)據(jù)而無需卸載頁面的技術(shù)，能夠使網(wǎng)頁具備更優(yōu)的用戶體驗。Ajax技術(shù)的核心是XMLHttpRequest對象（XHR）。本文從XHR開始談起，理解Ajax技術(shù)的特點，再對跨域以及Comet等技術(shù)進行簡要理解和總結(jié)。下面跟著小編一起來看下吧2017-02-02
JavaScript 中如何實現(xiàn)并發(fā)控制
在日常開發(fā)過程中，你可能會遇到并發(fā)控制的場景，比如控制請求并發(fā)數(shù)。那么在 JavaScript 中如何實現(xiàn)并發(fā)控制呢？在回答這個問題之前，我們來簡單介紹一下并發(fā)控制。2021-05-05
本文主要介分享了js實現(xiàn)倒計時效果（小于10補零）的實例代碼，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
之前當vue更新到2.0之后，作者就宣告不再對vue-resource更新，而是推薦的axios,前一段時間用了一下，現(xiàn)在說一下它的基本用法。文中介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。2017-03-03