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

最新推荐文章于 2024-07-26 20:46:33 发布

大橙子Gsc

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量5.2k

点赞数 2

分类专栏： JS 文章标签： javascript

原文链接：https://www.jianshu.com/p/71d51dc425a7

版权

JS 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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>

希望对大家有帮助，帮忙点个赞吧，谢谢~

大橙子Gsc

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
正则表达式同时验证手机和座机号码

JS同时验证固话和手机号正则表达式，验证规则：1：当input框没有填写号码的时候，input为空，可通过验证2：当手机号码填写正确的时候，可通过验证3：当座机号码填写正确的时候，可通过验证如果不通过，则出现提示信息，提示输入正确的手机号码座机号码。原文链接<!DOCTYPE HTML><html> <head> <...
复制链接

扫一扫

专栏目录