正则表达式同时验证手机和座机号码

简介: 正则表达式同时验证手机和座机号码

JS同时验证固话和手机号正则表达式,验证规则:

1:当input框没有填写号码的时候,input为空,可通过验证

2:当手机号码填写正确的时候,可通过验证

3:当座机号码填写正确的时候,可通过验证

如果不通过,则出现提示信息,提示输入正确的手机号码座机号码。

<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
        <input type="text" id="phone" ></input>
        <button type="button" class="btn blue" id="addBtn">保存</button>
         <!-- 弹框 -->
        <script src="https://cdn.bootcss.com/layer/2.2/layer.js"></script>
        <script src="https://cdn.bootcss.com/layer/2.2/extend/layer.ext.js"></script>
        <script type="text/javascript">
            $("#addBtn").on("click", function() {
                var $phone_num = $("#phone").val();
                  var reg01 = /^(0|86|17951)?(13[0-9]|15[012356789]|17[01678]|18[0-9]|14[57])[0-9]{8}$/;  
                  var reg02 = /^(0[0-9]{2,3}\-)([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
                  if(reg01.test($phone_num) || reg02.test($phone_num) || $("#phone").val()=="") {
                  console.log("手机号或座机号填写正确")                                  
                  } else {
                        layer.msg('请填写正确的号码', {
                            icon : 5,
                            time : 1000
                        });               
                   return;
                  }
            })
        </script>
    </body>
</html>

也可以这样写

<!DOCTYPE HTML>
<html>
    <head>
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    </head>
    <body>
        <input type="text" id="phone" ></input>
        <button type="button" class="btn blue" id="addBtn">保存</button>
         <!-- 弹框 -->
        <script src="https://cdn.bootcss.com/layer/2.2/layer.js"></script>
        <script src="https://cdn.bootcss.com/layer/2.2/extend/layer.ext.js"></script>
        <script type="text/javascript">
            $("#addBtn").on("click", function() {
                var $phone_num = $("#phone").val();
                  var reg01 = /^(0|86|17951)?(13[0-9]|15[012356789]|17[01678]|18[0-9]|14[57])[0-9]{8}$/;  
                  var reg02 = /^(0[0-9]{2,3}\-)([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
                  if(!reg01.test($phone_num) && !reg02.test($phone_num) && !$("#phone").val()=="") {                 
                  layer.msg('请填写正确的号码', {
                            icon : 5,
                            time : 1000
                        }); 
                  } else {
                         console.log("手机号或座机号填写正确")               
                  }
            })
        </script>
    </body>
</html>
相关文章
常用的正则表达式,手机号,邮箱,银行卡等待......
常用的正则表达式,手机号,邮箱,银行卡等待......
|
1月前
|
JavaScript 数据安全/隐私保护
jquery正则表达式验证手机号密码和姓名字段
jquery正则表达式验证手机号密码和姓名字段
|
2月前
|
JavaScript
正则表达式(判断是会否是手机号)
正则表达式(判断是会否是手机号)
19 1
|
2月前
|
JavaScript 前端开发 物联网
正则表达式的用法(判断是否为手机号格式)
正则表达式的用法(判断是否为手机号格式)
109 1
【正则表达式】正则表达式同时支持验证手机号码和座机号码
【正则表达式】正则表达式同时支持验证手机号码和座机号码
|
3月前
|
前端开发
手机199开头的号码的正则验证
手机199开头的号码的正则验证
35 2
|
7月前
|
JavaScript
正则表达式判断是不是手机号
正则表达式判断是不是手机号
57 0
|
7月前
如何用正则表达式判断手机号格式正不正确
如何用正则表达式判断手机号格式正不正确
85 0
|
9月前
|
数据格式
用正则表达式校验手机号和邮箱
用正则表达式校验手机号和邮箱
417 0
|
数据安全/隐私保护
验证数字的正则表达式集
验证数字的正则表达式集
77 0

相关产品

  • 云迁移中心