詳細解説jquery驗證手機號正確與否實例

如果要做手機號的驗證，那麼我們需要知道手機號碼的號段。

//移動號碼歸屬地支持號段:134 135 136 137 138 139 147 150 151 152 157 158 159 178 182 183 184 187 188

//聯通號碼歸屬地支持號段:130 131 132 145 155 156 176 186

//電信號碼歸屬地支持號段:133 153 177 180 181 189

//移動運營商:170

移動：

2G號段（GSM）：134-139、150、151、152、158-159；

3G號段（TD-SCDMA)：157、187、188、147.

聯通：

2G號段(GSM)：130-132、155-156；

3G號段(WCDMA)：185、186.

電信：

2G號段(CDMA)：133、153；

3G號段(CDMA2000)：180、189.

可以寫出一個正則表達式：var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+d{8})$/;

首先引入一個JQuery框架：

校驗手機號的函數：

//驗證手機號 function vailPhone(){ var phone = jQuery("#phone")(); var flag = false; var message = ""; var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-9]{1}))+d{8})$/; if(phone == '){ message = "手機號碼不能為空！"; }else if(th !=11){ message = "請輸入有效的手機號碼！"; }else if(!(phone)){ message = "請輸入有效的.手機號碼！"; }else if(checkPhoneIsExist()){ message = "該手機號碼已經被綁定！"; }else{ flag = true; } if(!flag){ //提示錯誤效果 //jQuery("#phoneDiv")veClass()lass("ui-form-item has-error"); //jQuery("#phoneP")(""); //jQuery("#phoneP")(""+message); //jQuery("#phone")s(); }else{ //提示正確效果 //jQuery("#phoneDiv")veClass()lass("ui-form-item has-success"); //jQuery("#phoneP")(""); //jQuery("#phoneP")("該手機號碼可用"); } return flag; }

發送請求給後台：

//驗證手機號是否存在 function checkPhoneIsExist(){ var phone = jQuery("#phone")(); var flag = true; ( { url: "checkPhone" + (new Date())ime(), data:{phone:phone}, dataType:"json", type:"GET", async:false, success:function(data) { var status = us; if(status == "0"){ flag = false; } } }); return flag; }

java後端進行校驗：

@RequestMapping(value = "/checkPhone", method = ) public void checkPhone(HttpServletRequest request,HttpServletResponse response) { Mapmap = new HashMap(); try { String phone = arameter("phone"); String status = "0"; //寫查詢邏輯，查出有的話，那麼標記為1，否則標記為0 //UserCellphoneAuth userCellphoneAuth = UserCellphoneAuthByPhone(phone); //if(userCellphoneAuth!=null){ // status = "1"; //} ("status", status); String data = Object(map)ring(); riter()t(data); riter()h(); riter()e(); } catch (Exception ex) { r(essage(), ex); } }

以上就是本文的全部內容，教大家如何進行jquery驗證手機號是否正確，利用正則表達式，大家可以動手試一試。