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