简单正则验证

最新推荐文章于 2022-06-27 14:25:44 发布

原创最新推荐文章于 2022-06-27 14:25:44 发布 · 101 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文介绍了一个简单的HTML表单，包含用户名、电话号码和身份证号的输入字段，并使用JavaScript进行非空和格式验证。当所有输入符合规定格式时，表单提交将跳转至百度首页。

<body>
<p>用户名：<input type="text"></p>
<p>电话号码：<input type="text"></p>
<p>身份证号：<input type="text"></p>
<button id="btn">提交</button>
<script>
    var btn = document.getElementById("btn");
    var aIpt = document.getElementsByTagName("input");
    //非空 字母
    var nameReg = /[a-zA-Z]{6,16}/;
    var phoneReg = /^1(3|5|7|8)[0-9]{9}/;
    var cardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
    btn.onclick = function () {
        if(!nameReg.test(aIpt[0].value)){
            alert("用户名必须是6-16个字母");
            return;
        }

        if(!phoneReg.test(aIpt[1].value)){
            alert("手机号码不存在！");
            return;
        }
        if(!cardReg.test(aIpt[0].value)){
            alert("身份证号不存在");
            return;
        }
        window.location.href = "http://www.baidu.com"
    }