首页 > web前端 > js教程 > js电话号码验证方法

js电话号码验证方法

PHPz
发布: 2018-09-28 17:39:15
转载
2425 人浏览过

JS电话号码验证是比较常的一种验证,下边给出一个JavaScript验证电话号码的小例子。国内固定电话都是七位或8位的数字组成的,还可以带有长途的区号。

一般家用电话号码,如果不带区号就是7位或者8位数字的长度,而区号就是3位或者4位数字和一横。所以,我们在编写验证代码可以通过两条正则表达式进行电话号码验证。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>电话号码验证</title>
  <script type="text/javascript">
    function checkTel() {
      var obj = document.getElementById("txtTel");
      var value = obj.value;
      var regTel1 = /^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/.test(value);//带区号的固定电话
      var regTel2 = /^(\d{7,8})(-(\d{3,}))?$/.test(value);//不带区号的固定电话
      if (value != "") {
        if (!regTel1 && !regTel2) { 
          alert("电话号码输入有误!");
          obj.focus();
          return false;
        }
      }
      else {
        alert("请输入电话号码!");
        return false;
      }
      alert("电话号码输入正确!");
      return true;
    }
  </script>
</head>
<body>
  请输入电话号码:
  <input type="text" id="txtTel" />
  <input type="button" id="btnCheck" value="验证" onclick="return checkTel();" />
</body>
</html>
登录后复制

家用电话号码JS验证:

以上就是本章的全部内容,更多相关教程请访问JavaScript视频教程

来源:jb51.net
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板