注册登记表

最新推荐文章于 2024-10-11 16:26:01 发布

星弋827

最新推荐文章于 2024-10-11 16:26:01 发布

阅读量58

点赞数

文章标签： html javascript css

本文链接：https://blog.csdn.net/m0_68590134/article/details/129546763

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册登记表</title>

    <style>
        .hz{
            width: 800px;
            height: 600px;
            border: 1px solid black;
            background-color: antiquewhite;
        }
        .a{
        
        }
    </style>
</head>
<body>
    <center>
    <div class="hz">
        <h1 style="font-family:宋体;color: brown;text-align: center"><strong>注册登记表</strong></h1>
        <hr/>
            <div class="a">
                <span style="color: red">请输入用户名:</span><input type="text" id="uname"><sapn id="tsname"></sapn><br><br>
                <span style="color: red">请输入密码:</span><input type="text" id="upass"><sapn id="tspass"></sapn><br><br>
                <span style="color: red">请输入手机号:</span><input type="text" id="utelephone"><sapn id="tstelephone"></sapn><br><br>
                <span style="color: red">请输入学号:</span><input type="text" id="unumber"><sapn id="tsnumber"></sapn><br><br>
                <span style="color: red">请输入身份证号码:</span><input type="text" id="ucard"><sapn id="tscard"></sapn><br><br>
            </div>
            <button id="tj">提交</button><br>
            <span style="font-size: 10px;font-weight: 900;color: brown;"><input type="checkbox" checked="checked">#我已认真阅读并同意该用户协议</span>
    </div>
    </center>
    <script>
        var yy=document.getElementById('tj');
        yy.addEventListener('click',function(event){
            var un=uname.value;
            var up=upass.value;
            var ut=utelephone.value;
            var un1=unumber.value;
            var uc=ucard.value;
            var reg=/^[\u4e00-\u9fa5]{2,4}$/;
            var reg1=/^[1-9]\d{2,5}$/g;
            var reg2=/^1[2,3,5,6,8,9][0-9](0373\d{4})|(373\d{5})$/g;
            var reg3=/^\d{11}$/g;
            var reg4=/^\d{17}[\d|X]$|^\d{15}$/;

            if(reg.test(un)){
                alert('欢迎'+un);
            }else{
                tsname.innerText='用户名不能为空';
            }
            if(reg1.test(up)){
                alert('密码正确');
            }else{
                tspass.innerText='密码输入错误,密码长度为2-6位';
            }
            if(reg2.test(ut)){
                alert('手机号输入正确');
            }else{
                tstelephone.innerText='手机号输入错误';
            }
            if(reg3.test(un1)){
                alert('学号输入正确');
            }else{
                tsnumber.innerText='学号输入错误,学号必须为11位';
            }
            if(reg4.test(uc)){
                alert('身份证号输入正确');
            }else{
                tscard.innerText='身份证号输入错误,身份证号必须为18位';
            }
        })
    </script>
</body>
</html>