首頁 > web前端 > js教程 > js電話號碼驗證方法

js電話號碼驗證方法

PHPz
發布: 2018-09-28 17:39:15
轉載
2414 人瀏覽過

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驗證:

以上就是本章的全部內容,更多相關教學請訪問

來源:jb51.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板