手機号碼驗證的例子

做手機号的驗證一定要知道手機号段：

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

//聯通号碼歸屬地支援号段:130 131 132  145 155 156 176  186  

//電信号碼歸屬地支援号段:133 153 177 180 181 189 
  
//移動營運商:170      

是以正則可以是：

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})$/;  

首先HTML代碼 ：

引入jQuery庫：

<script src="你自己的jquery庫路徑"> </script>

<input type="text" id="phone" name="phone" />

《************************華麗的分割線******************************************************》

其次：開始驗證

//驗證手機号

         function vailPhone(){

             var phone = jQuery("#phone").val();

             var flag = false;

             var message = "";

             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})$/;             

             if(phone == ''){

                 message = "手機号碼不能為空！";

             }else if(phone.length !=11){

                 message = "請輸入有效的手機号碼！";

             }else if(!myreg.test(phone)){

                 message = "請輸入有效的手機号碼！";

             }else if(checkPhoneIsExist()){

                 message = "該手機号碼已經被綁定！";

             }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\">&nbsp;<\/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\">&nbsp;<\/i>該手機号碼可用");

             }

             return flag;

          }

《************************華麗的分割線******************************************************》

在後端進行判斷：

//驗證手機号是否存在

             function checkPhoneIsExist(){

                 var phone = jQuery("#phone").val();

                 var flag = true;

                 jQuery.ajax(

                    { url: "checkPhone?t=" + (new Date()).getTime(),

                        data:{phone:phone},

                        dataType:"json",

                             type:"GET",

                             async:false,

                             success:function(data) {

                              var status = data.status;

                             if(status == "0"){

                                 flag = false;

                             }

                         }

                });

                return flag;

             }

版權聲明：本文為CSDN部落客「weixin_33725270」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。

原文連結：https://blog.csdn.net/weixin_33725270/article/details/92403492