jquery验证手机号是否正确实例讲解
网络编程 2021-07-04 21:03www.168986.cn编程入门
这篇文章主要介绍了一个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})$/;
<input type="text" id="phone" name="phone" />
引入一个JQuery框架
<script src="http://ajax.aspcdn./ajax/jQuery/jquery-1.8.0.js"> </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]{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-suess"); //jQuery("#phoneP").html(""); //jQuery("#phoneP").html("<i class=\"icon-suess ui-margin-right10\"> <\/i>该手机号码可用"); } return flag; }
发送请求给后台
//验证手机号是否存在 function checkPhoneIsExist(){ var phone = jQuery("#phone").val(); var flag = true; jQuery.ajax( { url: "checkPhone?t=" + (new Date()).getTime(), data:{phone:phone}, dataType:"json", type:"GET", async:false, suess:function(data) { var status = data.status; if(status == "0"){ flag = false; } } }); return flag; }
java后端进行校验
@RequestMapping(value = "/checkPhone", method = RequestMethod.GET) public void checkPhone(HttpServletRequest request,HttpServletResponse response) { Map<String, Object> map = new HashMap<String, Object>(); try { String phone = request.getParameter("phone"); String status = "0"; //写查询逻辑,查出有的话,那么标记为1,否则标记为0 //UserCellphoneAuth userCellphoneAuth = userService.findUserCellphoneAuthByPhone(phone); //if(userCellphoneAuth!=null){ // status = "1"; /
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程