DIV CSS 佈局教程網

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

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

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);
}

以上這篇限制只能輸入數字的實現代碼就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。