移動端監聽輸入手機號以及判斷手機號有效

本文轉載自查看原文 2017-07-03 18:17 1277

項目案例需求如，輸入/綁定正確的手機號才能下載軟件，輸入手機號發送驗證碼的功能等；

如下代碼可以實現基本功能：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <style>
        .gray-btn{
            background: #ccc;
        }
        .blue-btn{
            background: #09f;
        }
    </style>
</head>
<body>
<input type="tel" name="mobile" id="getNum" value="" placeholder="填寫手機號碼" autocomplete='off'/>
<input type="button" name="button" class="gray-btn downloadBtn" value="去下載**APP" disabled/>
<script src="jquery-1.7.2.min.js"></script>
<script>
    //監聽輸入手機號
    $(document).on('input propertychange','#getNum',function (e) {
        if (e.type === "input" || e.orignalEvent.propertyName === "value") {
            if(this.value.length == 11){
                var myreg = /^1\d{10}$/;
                if(!myreg.test(this.value)){
                    common.tips({msg:'請輸入正確手機號'});
                    return;
                }
    
                $('.downloadBtn').removeClass('gray-btn').addClass('blue-btn');
                $('.downloadBtn').attr("disabled", false);
            }else{
                $('.downloadBtn').addClass('gray-btn').removeClass('blue-btn');
                $('.downloadBtn').attr("disabled", true);
            }
        }
    })
</script>
</body>
</html>

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 js 判斷手機號格式手機端當輸入手機號的時候執行彈出數字鍵盤 js實現正則判斷手機號用正則表達式判斷手機號的格式是否正確 iOS 正則表達式判斷手機號,郵箱等 php 判斷手機號運營商 iOS開發之判斷手機號和郵箱正則表達式 iOS開發判斷手機號及其運營商 swift4.0 正則表達式判斷手機號 PHP 判斷手機號歸屬地和運營商的免費接口