传智博客
快捷导航
蚂蚁部落 网站首页 实例代码 正则实例 查看内容

正则表达式手机号验证区分联通移动和电信

2017-6-19 14:52| 发布者: admin| 查看: 825| 评论: 0|来自: 蚂蚁部落

手机号码格式的验证是常见的操作,例如在一些需要填写手机号码的应用,有些验证更为严格一些,需要区分联通、电信或者移动,下面就通过代码实例介绍一下如何实现此效果。

在书写代码之前,首先给出不同类型手机号码的开头数字:

中国移动 134.135.136.137.138.139.150.151.152.157.158.159.187.188.147。

中国联通130.131.132.155.156.185.186。 

中国电信133.153.180.189。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>手机号码验证</title>
<style type="text/css">
ul{list-style:none}
</style>
<script type="text/javascript"> 
window.onload=function(){
  var yidong=document.getElementById("yidong");
  var liantong=document.getElementById("liantong");
  var dianxin=document.getElementById("dianxin");
  var bt=document.getElementById("bt");
   
  bt.onclick=function(){
    if(yidong.value.length==0||yidong.value.match(/^1(3[4-9]|5[012789]|8[78])\d{8}$/)==null){
      alert("请输入正确的移动号码");
      yidong.focus();
      return false;
    }
    if(liantong.value.length==0&&liantong.value.match(/^1(3[0-2]|5[56]|8[56])\d{8}$/)==null){
      alert("请输入正确的移动号码");
      liantong.focus();
      return false;
    }
    if(dianxin.value.length==0&&dianxin.value.match(/^18[09]\d{8}$/)==null){
      alert("请输入正确的移动号码");
      dianxin.focus();
      return false;
    }
  }
}
</script> 
<body> 
<form name="myform"> 
<ul>
  <li>移动号码:<input type="text" id="yidong"/></li>
  <li>联通号码:<input type="text" id="liantong"/></li>
  <li>电信号码:<input type="text" id="dianxin"/></li>
  <li><input type="button" value="点击验证" id="bt" /></li>
</ul>
</form> 
</body>
</html>

以上代码实现了我们的要求,能够对手机号码进行比较严格的验证,必须按照手机的卡的类型进行填写,否则将会给出提示。

相关阅读:

1.match()函数可以参阅正则表达式match()函数一章节。

2.^元字符可以参阅正则表达式^元字符一章节。

3.|可以参阅正则表达式选择项一章节。 

4.字符类可以参阅正则表达式字符类一章节。 

5.\d元字符可以参阅正则表达式\d元字符一章节。 

6.$元字符可以参阅正则表达式$元字符一章节。

7. {8}可以参阅正则表达式{n}量词一章节。 

8.()可以参阅正则表达式分组一章节。 


鲜花

握手

雷人

路过

鸡蛋

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2017-12-11 19:17 , Processed in 0.067124 second(s), 22 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部