JavaScript实现固定电话与区号验证逻辑

作者:小括号时间:2026-10-29 15:05:31浏览:68

本文介绍如何使用JavaScript结合两条正则表达式验证家用固定电话。代码分别处理带区号(3或4位)及不带区号的7至8位数字场景,通过正则匹配判断输入合法性,适用于前端表单基础校验。

JavaScript实现固定电话与区号验证逻辑

普通家用座机号码若未包含区号,通常由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>

以下是针对家用固定电话的JavaScript验证实现:

JavaScript实现固定电话与区号验证逻辑

本文主要探讨基于JavaScript的固定电话验证方案。虽然网络上存在多种类似方法,建议开发者结合实际需求进行归纳总结,期望本文提供的思路对JavaScript编程实践有所助益。

作者最新文章