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


Posted in Javascript onNovember 17, 2015

如果要做手机号的验证,那么我们需要知道手机号码的号段。
//移动号码归属地支持号段: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.aspnetcdn.com/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-success");
         //jQuery("#phoneP").html("");
         //jQuery("#phoneP").html("<i class=\"icon-success 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,
               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<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";
      //}
      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验证手机号是否正确,利用正则表达式,大家可以动手试一试。

Javascript 相关文章推荐
学习ExtJS(二) Button常用方法
Oct 07 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
JavaScript中setAttribute用法介绍
Jul 20 Javascript
利用jQuery实现漂亮的圆形进度条倒计时插件
Sep 30 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
单行 JS 实现移动端金钱格式的输入规则
May 22 Javascript
基于JS递归函数细化认识及实用实例(推荐)
Aug 07 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
微信小程序实现定位及到指定位置导航的示例代码
Aug 20 Javascript
layui table去掉右侧滑动条的实现方法
Sep 05 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
浅谈TypeScript 索引签名的理解
Oct 16 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 #Javascript
js弹出对话框方式小结
Nov 17 #Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
Nov 17 #Javascript
Jquery 垂直多级手风琴菜单附源码下载
Nov 17 #Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
Nov 17 #Javascript
跟我学习javascript的undefined与null
Nov 17 #Javascript
跟我学习javascript的arguments对象
Nov 16 #Javascript
You might like
DC漫画《蝙蝠侠和猫女》图透 猫女怀孕老爷当爹
2020/04/09 欧美动漫
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
php开启安全模式后禁用的函数集合
2011/06/26 PHP
php array_map()数组函数使用说明
2011/07/12 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
PHP缓冲区用法总结
2016/02/14 PHP
php数组和链表的区别总结
2019/09/20 PHP
jQuery 行级解析读取XML文件(附源码)
2009/10/12 Javascript
jquery isType() 类型判断代码
2011/02/14 Javascript
选择复选框按钮置灰否则按钮可用
2014/05/22 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
js简单实现Select互换数据的方法
2015/08/17 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
如何消除inline-block属性带来的标签间间隙
2016/03/31 Javascript
jquery模拟多级复选框效果的简单实例
2016/06/08 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
2017/06/12 jQuery
Vue CLI 3搭建vue+vuex最全分析(推荐)
2018/09/27 Javascript
vue-cli3环境变量与分环境打包的方法示例
2019/02/18 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
python之线程通过信号pyqtSignal刷新ui的方法
2019/01/11 Python
python实现ip地址查询经纬度定位详解
2019/08/30 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
英国的知名精品百货公司:House of Fraser(福来德)
2016/08/14 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
工商管理专业实习大学生自我鉴定
2013/09/19 职场文书
国际商务系学生个人的自我评价
2013/11/26 职场文书
高三高考决心书
2014/03/11 职场文书
环保建议书
2014/03/12 职场文书
女生节标语
2014/06/26 职场文书
人力资源职位说明书
2014/07/29 职场文书
初一年级组工作总结
2015/08/12 职场文书
Pygame如何使用精灵和碰撞检测
2021/11/17 Python
Mysql使用全文索引(FullText index)的实例代码
2022/04/03 MySQL