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

字號:


    下面小編就為大家?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)容了,希望能給大家一個參考