大家在別人的網(wǎng)站注冊賬號時，在隨意輸入了一串數(shù)字當做手機號點擊提交時，是否遇到過這樣的網(wǎng)頁提示“請輸入有效的手機號碼！”？

這個功能是怎樣實現(xiàn)的呢？

如果要做手機號的驗證，那么我們需要知道手機號碼的號段。

1，移動號碼歸屬地支持號段:134 135 136 137 138 139 147 150 151 152 157 158 159 178  182 183 184 187 188

2，聯(lián)通號碼歸屬地支持號段:130 131 132  145 155 156 176  186 

3，電信號碼歸屬地支持號段:133 153 177 180 181 189 

4，移動運營商:170

知道了移動、聯(lián)通和電信手機號碼的基本格式后，我們就能進行操作了：

<script>
function vailPhone(){
       var phone = jQuery("#phone").val();
       var flag = false;
       var message = "";
       var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+\d{8})$/;       
       if(phone == ''){
         message = "手機號碼不能為空！";
       }else if(phone.length !=11){
         message = "請輸入有效的手機號碼！";
       }else if(!myreg.test(phone)){
         message = "請輸入有效的手機號碼！";
       }else if(checkPhoneIsExist()){
         message = "該手機號碼已經(jīng)被綁定！";
       }else{
           flag = true;
       }
       if(!flag){
      //提示錯誤效果
         //jQuery("#phoneDiv").removeClass().addClass("ui-form-item has-error");
         //jQuery("#phoneP").html("");
         //jQuery("#phoneP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message);
         //jQuery("#phone").focus();
       }else{
            //提示正確效果
         //jQuery("#phoneDiv").removeClass().addClass("ui-form-item has-success");
         //jQuery("#phoneP").html("");
         //jQuery("#phoneP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>該手機號碼可用");
       }
       return flag;

 }
 </script>

使用上述代碼就能簡單的辨別出別人輸入的手機號是否有效，如果需要進一步驗證JQ判定為有效的手機號是否存在，則我們就需要再進一步對其進行驗證即可！而實際上也無需如此了，真要驗證的話，那就直接對接短信驗證碼就行了。