jQuery电话号码验证实例

 更新时间:2017年01月05日 15:22:04   作者:csmzl  
这篇文章主要为大家详细介绍了jQuery电话号码验证实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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>

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

相关文章

  • jQuery实现的表格前端排序功能示例

    jQuery实现的表格前端排序功能示例

    这篇文章主要介绍了jQuery实现的表格前端排序功能,涉及jQuery针对表格元素的获取、遍历及事件响应相关操作技巧,需要的朋友可以参考下
    2017-09-09
  • jquery+json实现数据列表分页示例代码

    jquery+json实现数据列表分页示例代码

    该实例中,新闻数据列表未使用表格显示,下面有个不错的示例完美实现实现数据列表分页,感兴趣的朋友不要错过
    2013-11-11
  • jQuery中的CSS样式属性css()及width()系列大全

    jQuery中的CSS样式属性css()及width()系列大全

    本文给大家分享jQuery的CSS样式属性css(),width()系列,offset()与position(),scrollLeft()与scrollTop()的相关知识,本文通过实例代码给大家介绍的非常详细,需要的朋友参考下吧
    2021-08-08
  • 升级到jQuery 3.6.1遇见的一些坑以及应对办法

    升级到jQuery 3.6.1遇见的一些坑以及应对办法

    Jquery低版本存在安全漏洞,所以需要升级版本,下面这篇文章主要给大家介绍了关于升级到jQuery 3.6.1遇见的一些坑以及应对办法的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2023-06-06
  • jquery URL参数判断,确定菜单样式

    jquery URL参数判断,确定菜单样式

    jquery URL判断,确定菜单样式,需要的朋友可以参考下,当然js也可以的。可以参考下相关文章。
    2010-05-05
  • jQuery中:first-child选择器用法实例

    jQuery中:first-child选择器用法实例

    这篇文章主要介绍了jQuery中:first-child选择器用法,实例分析了:first-child选择器的功能、定义及匹配父元素的第一个子元素的用法技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • 超漂亮的jQuery图片轮播特效

    超漂亮的jQuery图片轮播特效

    这篇文章为大家分享了超漂亮的jQuery图片轮播特效,支持Ajax加载数据,响应式布局,支持移动端触屏,功能强大,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • jQuery控制iFrame(实例代码)

    jQuery控制iFrame(实例代码)

    这篇文章主要是对jQuery控制iFrame的实例代码进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • jquery文字填写自动高度的实现方法

    jquery文字填写自动高度的实现方法

    下面小编就为大家带来一篇jquery文字填写自动高度的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • Jquery AJAX POST与GET之间的区别

    Jquery AJAX POST与GET之间的区别

    本文是对Jquery中AJAX POST与GET之间的区别。进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11

最新评论