限制只能輸入數(shù)字的實(shí)現(xiàn)代碼

更新時間：2016年05月16日 16:07:15 投稿：jingxian

下面小編就為大家?guī)硪黄拗浦荒茌斎霐?shù)字的實(shí)現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧

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

通過使用正則匹配輸入的時候只是數(shù)字：

var numRegex = /\D/g再通過JavaScript的

onblur 事件：

定義和用法
onblur 事件會在對象失去焦點(diǎn)時發(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ù)字的實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

詳解webpack+express多頁站點(diǎn)開發(fā)
這篇文章主要介紹了詳解webpack+express多頁站點(diǎn)開發(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實(shí)現(xiàn)表單驗證實(shí)例
這篇文章主要介紹了純JS實(shí)現(xiàn)表單驗證實(shí)例,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-12-12
微信小程序?qū)崿F(xiàn)點(diǎn)擊圖片放大預(yù)覽
這篇文章主要為大家詳細(xì)介紹了小程序?qū)崿F(xiàn)點(diǎn)擊圖片放大預(yù)覽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-10-10
利用Three.js繪制酷炫的三角形
這篇文章主要為大家詳細(xì)介紹了如何利用Three.js中的BufferGeometry繪制酷炫的三角形，文中的示例代碼講解詳細(xì)，感興趣的可以嘗試一下
2022-12-12
bootstrap模態(tài)框垂直居中效果
這篇文章主要為大家詳細(xì)介紹了bootstrap模態(tài)框垂直居中效果的實(shí)現(xiàn)代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
jquery動態(tài)添加刪除(tr/td)
這篇文章主要介紹了jquery動態(tài)添加刪除(tr/td)的方法,需要的朋友可以參考下
2015-02-02
JavaScript實(shí)現(xiàn)動態(tài)數(shù)字時鐘
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)動態(tài)數(shù)字時鐘，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-05-05
用roll.js實(shí)現(xiàn)的圖片自動滾動+鼠標(biāo)觸動的特效
用roll.js實(shí)現(xiàn)的圖片自動滾動+鼠標(biāo)觸動的特效...
2007-03-03