78模板网分享cms建站教程,提供网站模板、网站插件、办公模板等模板教程免费学习,找模板教程就上78模板网!

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

jquery如何验证手机号是否有效?
大家在别人的网站注册账号时,在随意输入了一串数字当做手机号点击提交时,是否遇到过这样的网页提示“请输入有效的手机号码!”?
这个功能是怎样实现的呢?
如果要做手机号的验证,那么我们需要知道手机号码的号段。
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判定为有效的手机号是否存在,则我们就需要再进一步对其进行验证即可!而实际上也无需如此了,真要验证的话,那就直接对接短信验证码就行了。

本文链接:http://78moban.cn/post/16560.html

版权声明:站内所有文章皆来自网络转载,只供模板演示使用,并无任何其它意义!

联系技术
文章删除 友链合作 技术交流群
1050177837
公众号
公众号
公众号
返回顶部