简单正则验证

woderuiggya

于 2020-06-01 21:31:26 发布

阅读量91

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/woderuiggya/article/details/106482271

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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"
    }