首頁 > web前端 > js教程 > jQuery電話號碼驗證實例

jQuery電話號碼驗證實例

高洛峰
發布: 2017-01-07 09:56:52
原創
1441 人瀏覽過

本文實例為大家分享了jQuery電話號碼驗證的具體代碼,供大家參考,具體內容如下

電話號碼驗證:

//行動號碼歸屬地支援號段:134 135 136 137 138 139 147150 15 157 158 159 178 182 183 184 187 188 
//聯通號碼歸屬地支援號段:130 131 132 145 155 156 176 186 132 145 155 156 176 1865132 3817135 307135號電信/電信編號 153/38135 3073 307373號89 
//行動運營商數:170 
移動: 
2G號段(GSM):134-139、150、151、152、158-159; 
3G號段(TD-SCDMA):157、187、188、147. 2G號段(GSM):130-132、155-156; 
3G號段(WCDMA):185、186. 
電信: 
2G號段(CDMA):133、153; 
32G編號180、189.


正規表示式:

var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;
登入後複製

解釋: 必須是滿足下列格式的11位數字電話號碼 

     13(0-9)或14(0-9)或1701   13(0-9)或14(0-9)或1701  或15(5-9)或18(0-9)+8位數字 

註:正整數(首位不能為0,如025不合法)的正規表示式:/^[1-9][0-9 ]*$/


應用實例:

<html>
  <script type="text/javascript" src="jquery-1.12.1.js"></script>
</head>
<body>
  <span id="lblErr" style="color:Red;"></span>
  <input name="PhoneNumber" type="text" id="PhoneNumber" style="width: 255px;">
  <input type="submit" value="提交" onclick="submitValidate()" id="btnSave">
  <script>
    function submitValidate(){
      var strPhoneNumber = $("#PhoneNumber").val();
      var isMobile;
      if (strPhoneNumber.length > 0) {
        var arrayPhoneNumber = strPhoneNumber.replace(";", ";").split(";");
        if (arrayPhoneNumber.length > 5) {
          $("#lblErr").text("手机号最多能添加5个。");
          $("#lblErr").css("display", "");
          return false;
        } else {
          for (var i = 0; i < arrayPhoneNumber.length; i++) {
  isMobile = arrayPhoneNumber[i].match(/^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/);
            if (!isMobile) {
  $("#lblErr").text("第 " + (i + 1) + " 个手机号: " + arrayPhoneNumber[i] + " 不正确。");
              $("#lblErr").css("display", "");
              return false;
            }
          }
        }
      }
    }
  </script>
</body>
</html>
登入後複製

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持PHP中文網。

更多 jQuery電話號碼驗證實例相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板