主题OL

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

ZTOL 开发笔记 2020-02-23 3.2千 0

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

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

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

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

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

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

发表评论

用户头像 游客
此处应有掌声~

评论列表

还没有评论,快来说点什么吧~

QQ在线客服

客户服务

在线时间 上午:09:00-12:00 下午:14:00-21:00