jQuery電話號碼驗證實例

更新時間：2017年01月05日 15:22:04 作者：csmzl

這篇文章主要為大家詳細介紹了jQuery電話號碼驗證實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下

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

電話號碼驗證：

//移動號碼歸屬地支持號段:134 135 136 137 138 139 147 150 151 152 157 158 159 178 182 183 184 187 188
//聯(lián)通號碼歸屬地支持號段:130 131 132 145 155 156 176 186
//電信號碼歸屬地支持號段:133 153 177 180 181 189
//移動運營商:170
移動：
2G號段（GSM）：134-139、150、151、152、158-159；
3G號段（TD-SCDMA)：157、187、188、147.
聯(lián)通：
2G號段(GSM)：130-132、155-156；
3G號段(WCDMA)：185、186.
電信：
2G號段(CDMA)：133、153；
3G號段(CDMA2000)：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位數(shù)字電話號碼
13（0-9）或者14（0-9）或者170或者15（0-3）或者15（5-9）或者18（0-9）+8位數(shù)字
注：正整數(shù)（首位不能為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>

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: