jquery验证手机号是否正确实例讲解【jquery】

web前端|js教程

jquery,手机号

web前端-js教程

如果要做手机号的验证，那么我们需要知道手机号码的号段。

//移动号码归属地支持号段:134 135 136 137 138 139 147 150 151 152 157 158 159 178 182 183 184 187 188

网狐棋牌三网通源码,vscode 配置c,ubuntu菜单不见了,tomcat 百万,sqlite c 类,轻云服务器怎么用,dede tag插件,杭州前端开发框架,java爬虫登录 实例,PHP展望,那些SEO推广好,餐厅网站设计模板下载,微信直播网页诱导充值,九宫格抽奖ppt模板,html切换页面特效,基于mysql学生信息管理系统,程序模块话lzw

//联通号码归属地支持号段:130 131 132 145 155 156 176 186

仿慕课网 源码,vscode插件开发编辑器,ubuntu 中午手册,项目添加不到tomcat,云服务爬虫,php数据库随机函数,马尾区公司seo服务电话lzw

//电信号码归属地支持号段:133 153 177 180 181 189

//移动运营商:170

404页面跳转首页源码,vscode用户片段设置,ubuntu装pcre,使用重启tomcat,sqlite触发器实例,超可动骷髅爬虫玩具视频,php 一维数组合并,临沂seo排名公司,卢松松网站源码,网页vip解析源码,wecenter精美模板lzw

移动：

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").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("

发送请求给后台：

//验证手机号是否存在 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,success: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 map = new HashMap(); try {String phone = request.getParameter("phone");String status = "0";//写查询逻辑，查出有的话，那么标记为1，否则标记为0 //UserCellphoneAuth userCellphoneAuth = userService.findUserCellphoneAuthByPhone(phone);//if(userCellphoneAuth!=null){// status = "1";//}map.put("status", status);String data = JSONObject.fromObject(map).toString(); response.getWriter().print(data);response.getWriter().flush();response.getWriter().close(); } catch (Exception ex) {logger.error(ex.getMessage(), ex); } }

以上就是本文的全部内容，教大家如何进行jquery验证手机号是否正确，利用正则表达式，大家可以动手试一试。