jQuery电话号码验证实例


Posted in Javascript onJanuary 05, 2017

本文实例为大家分享了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})$/;

解释: 必须是满足下列格式的11位数字电话号码
     13(0-9)或者14(0-9)或者170或者15(0-3)或者15(5-9)或者18(0-9)+8位数字
注:正整数(首位不能为0,如025不合法)的正则表达式:/^[1-9][0-9]*$/

应用实例:

<html>
  <script type="text/javascript" src="jquery-1.12.1.js"></script>
</head>
<body>
  <span id="lblErr" style="color:Red;"></span>
  <input name="PhoneNumber" type="text" id="PhoneNumber" style="width: 255px;">
  <input type="submit" value="提交" onclick="submitValidate()" id="btnSave">
  <script>
    function submitValidate(){
      var strPhoneNumber = $("#PhoneNumber").val();
      var isMobile;
      if (strPhoneNumber.length > 0) {
        var arrayPhoneNumber = strPhoneNumber.replace(";", ";").split(";");
        if (arrayPhoneNumber.length > 5) {
          $("#lblErr").text("手机号最多能添加5个。");
          $("#lblErr").css("display", "");
          return false;
        } else {
          for (var i = 0; i < arrayPhoneNumber.length; i++) {
  isMobile = arrayPhoneNumber[i].match(/^(((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 (!isMobile) {
  $("#lblErr").text("第 " + (i + 1) + " 个手机号: " + arrayPhoneNumber[i] + " 不正确。");
              $("#lblErr").css("display", "");
              return false;
            }
          }
        }
      }
    }
  </script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
ExtJS GridPanel 根据条件改变字体颜色
Mar 08 Javascript
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
Nov 21 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
JavaScript“尽快失败”的原则实例详解
Oct 08 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
package.json文件配置详解
Jun 15 Javascript
客户端(vue框架)与服务器(koa框架)通信及服务器跨域配置详解
Aug 26 Javascript
Express系列之multer上传的使用
Oct 27 Javascript
axios post提交formdata的实例
Mar 16 Javascript
Element-ui tree组件自定义节点使用方法代码详解
Sep 17 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
Nov 26 Javascript
纯原生js实现table表格的增删
Jan 05 #Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 #Javascript
jQuery密码强度验证控件使用详解
Jan 05 #Javascript
jquery广告无缝轮播实例
Jan 05 #Javascript
JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
Jan 05 #Javascript
javascript添加前置0(补零)的几种方法
Jan 05 #Javascript
微信小程序 实战实例开发流程详细介绍
Jan 05 #Javascript
You might like
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
php 批量替换程序的具体实现代码
2013/10/04 PHP
浅析PHP中strlen和mb_strlen的区别
2014/08/31 PHP
详解no input file specified 三种解决方法
2019/11/29 PHP
javascript 表单验证常见正则
2009/09/28 Javascript
很棒的学习jQuery的12个网站推荐
2011/04/28 Javascript
在Ubuntu系统上安装Node.JS的教程
2015/10/15 Javascript
JavaScript+CSS无限极分类效果完整实现方法
2015/12/22 Javascript
AngularJS 入门教程之事件处理器详解
2016/08/19 Javascript
微信小程序中显示html格式内容的方法
2017/04/25 Javascript
Vue.js实现文章评论和回复评论功能
2020/05/30 Javascript
JS按条件 serialize() 对应标签的使用方法
2017/07/24 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
基于模板引擎Jade的应用(详解)
2017/12/12 Javascript
jQuery实现的两种简单弹窗效果示例
2018/04/18 jQuery
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
JavaScript实现文件下载并重命名代码实例
2019/12/12 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
2020/04/27 Javascript
深入讲解Python中的迭代器和生成器
2015/10/26 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
Numpy 理解ndarray对象的示例代码
2020/04/03 Python
Python使用plt.boxplot() 参数绘制箱线图
2020/06/04 Python
python中如何设置代码自动提示
2020/07/15 Python
详解解决jupyter不能使用pytorch的问题
2021/02/18 Python
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
廉洁自律承诺书
2014/03/27 职场文书
消防标语大全
2014/06/07 职场文书
廉政教育的心得体会
2014/09/01 职场文书
授权收款委托书范本
2014/10/10 职场文书
离婚被告答辩状
2015/05/22 职场文书
施工安全协议书
2016/03/22 职场文书
2016年幼儿园万圣节活动总结
2016/04/05 职场文书
2019年新郎保证书3篇
2019/10/17 职场文书
win10电脑右下角输入法图标不见了?Win10右下角不显示输入法的解决方法
2022/07/23 数码科技
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技