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