大家在別人的網站注冊賬號時,在隨意輸入了一串數字當做手機號點擊提交時,是否遇到過這樣的網頁提示“請輸入有效的手機號碼!”?
這個功能是怎樣實現的呢?
如果要做手機號的驗證,那么我們需要知道手機號碼的號段。
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判定為有效的手機號是否存在,則我們就需要再進一步對其進行驗證即可!而實際上也無需如此了,真要驗證的話,那就直接對接短信驗證碼就行了。
皖公網安備 34162202000270號