JQ验证手机号是否有效的代码

大家在别人的网站注册账号时，在随意输入了一串数字当做手机号点击提交时，是否遇到过这样的网页提示“请输入有效的手机号码！”？

这个功能是怎样实现的呢？

如果要做手机号的验证，那么我们需要知道手机号码的号段。

1，移动号码归属地支持号段:134 135 136 137 138 139 147 150 151 152 157 158 159 178  182 183 184 187 188

2，联通号码归属地支持号段:130 131 132  145 155 156 176  186 

3，电信号码归属地支持号段:133 153 177 180 181 189 

4，移动运营商:170

知道了移动、联通和电信手机号码的基本格式后，我们就能进行操作了：

Markup

<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 = "该手机号码已经被绑定！";

       }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判定为有效的手机号是否存在，则我们就需要再进一步对其进行验证即可！而实际上也无需如此了，真要验证的话，那就直接对接短信验证码就行了。