html注册界面

最新推荐文章于 2024-07-12 20:49:16 发布

Author1thy

最新推荐文章于 2024-07-12 20:49:16 发布

阅读量819

点赞数 2

文章标签： html 注册界面

本文链接：https://blog.csdn.net/Author1thy/article/details/82343895

版权

感觉会频繁用到，含正则判断

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <form>
            <label>邮箱</label><input type="text" id="email" /><br />
            <label>手机</label><input type="text" id="tel" /><br/>
            <label>密码</label><input type="password" id="password" /><br />
            <label>确认</label><input type="password" id="password1" /><br />
            <label>姓名</label><input type="text" id="name1" /><br />
            <input type="button" id="b1" value="提交" />

        </form>
    </body>

</html>
<script type="text/javascript" src="jquery.js"></script>
<script>
    $(document).ready(function() {
        $("#b1").click(function() {
            var email = $("#email").val();
            var rule = /^\w@[A-Za-z0-9]+\.[A-Za-z0-9]+$/;
            if(email == "") {
                alert("请输入邮箱");
                return true;
            } else
            if(!rule.test(email)) {
                alert("请输入正确格式邮箱");
                $("#email").attr("value", "")
                return true;
            }
            var tel = $("#tel").val()
            var rule1 = /^((13[0-9])|(15[0-3,5-9])|(17[0-8])|(18[0,2-3,5-9])|(147))[0-9]{8}$/;
            if(tel == "") {
                alert("请输入手机");
                return true;
            } else
            if(!rule1.test(tel)) {
                alert("请输入正确手机");
                $("#tel").attr("value", "")
                return true;





            }
            var password = $("#password").val()
            var rule2 = /^[A-Z]\w{8,16}$/;
            if(password == "") {
                alert("请输入密码");
                return true;
            } else
            if(!rule2.test(password)) {
                alert("密码为大写字母开头，8-16位包含下划线");
                $("#password").attr("value", "")
                return true;
            }
            var password1 = $("#password1").val()
            if(password1 == "") {
                alert("请输入确认密码");
                return true;
            } else
            if(password != password1) {
                alert("两次密码不同");
                $("#password1").attr("value", "")
                return true;
            }
            var name1 = $("#name1").val()
            var rule3 = /^[\u4e00-\u9fa5]{2,4}$/;
            if(name1 == "") {
                alert("请输入姓名");
                return true;
            } else
            if(!rule3.test(name1)) {
                alert("纯汉字2-4");
                $("#name1").attr("value", "")
                return true;
            }
            $(location).attr('href', 'Div.html')
        })

    })
</script>

Author1thy

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
html注册界面

感觉会频繁用到，含正则判断&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt;
复制链接

扫一扫