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 相关文章推荐
破除一些网站复制、右键限制
Nov 04 Javascript
如何用javascript去掉字符串里的所有空格
Feb 08 Javascript
利用javascript/jquery对上传文件格式过滤的方法
Jul 25 Javascript
javascript OFFICE控件测试代码
Dec 08 Javascript
基于dom编程中 动态创建与删除元素的使用
Apr 17 Javascript
node.js中的fs.chownSync方法使用说明
Dec 16 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
简洁实用的BootStrap jQuery手风琴插件
Aug 31 Javascript
javascript监听页面刷新和页面关闭事件方法详解
Jan 09 Javascript
基于IView中on-change属性的使用详解
Mar 15 Javascript
Bootstrap 按钮样式与使用代码详解
Dec 09 Javascript
Vue实现导航栏的显示开关控制
Nov 01 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
PHP抓屏函数实现屏幕快照代码分享
2014/01/02 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
php实现的Curl封装类Curl.class.php用法实例分析
2015/09/25 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
Mootools 1.2教程(21)——类(二)
2009/09/15 Javascript
9行javascript代码获取QQ群成员具体实现
2013/10/16 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
2014/01/14 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
详解JavaScript ES6中的模板字符串
2015/07/28 Javascript
关于jquery中动态增加select,事件无效的快速解决方法
2016/08/29 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
微信小程序实现富文本图片宽度自适应的方法
2019/01/20 Javascript
JS获取本地地址及天气的方法实例小结
2019/05/10 Javascript
vue 实现单选框设置默认选中值
2019/11/07 Javascript
使用JS location实现搜索框历史记录功能
2019/12/23 Javascript
VueJS实现用户管理系统
2020/05/29 Javascript
[01:22:10]Ti4 循环赛第二日 DK vs Empire
2014/07/11 DOTA
利用Fn.py库在Python中进行函数式编程
2015/04/22 Python
Python计算字符宽度的方法
2016/06/14 Python
Python输入二维数组方法
2018/04/13 Python
python+opencv实现摄像头调用的方法
2019/06/22 Python
python小程序实现刷票功能详解
2019/07/17 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
python中 _、__、__xx__()区别及使用场景
2020/06/30 Python
使用CSS3的背景渐变Text Gradient 创建文字颜色渐变
2014/08/19 HTML / CSS
Brydge英国:适用于Apple iPad和Microsoft Surface Pro的蓝牙键盘
2019/05/16 全球购物
香港连卡佛百货官网:Lane Crawford
2019/09/04 全球购物
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
2013年军训通讯稿
2014/02/05 职场文书
大专学生求职自荐信
2014/07/06 职场文书
土地租赁意向书
2014/07/30 职场文书
学期个人工作总结
2015/02/13 职场文书
会计工作态度自我评价
2015/03/06 职场文书
答谢酒会主持词
2015/07/02 职场文书
SQL Server中T-SQL标识符介绍与无排序生成序号的方法
2022/05/25 SQL Server