登陆练习

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
    <head>
        <title>登陆</title>
        <script type="text/javascript">
            function test() {
                var re = /^[a-zA-Z_]\w*$/;//试了n遍总算试出来了，生成后要刷新浏览器
                var msg = document.getElementById("1").value;
                var result = re.test(msg);
                if (!re.test(msg)) {
                    alert("“登录名”必须是字母数字或下划线, 不能以数字开头");
                    return;
                }
                var re2 = /\w{6,16}/;
                var pw = document.getElementById("2").value;
                if (!re2.test(pw)) {
                    alert("密码为6-16位字母、数字或者下划线");
                    return;
                }
                var pw2 = document.getElementById("3").value;
                if (pw != pw2) {
                    alert("密码不一致");
                    return;
                }
                var re3 = /\w+@\w+\.\w+/;
                var em = document.getElementById("4").value;
                if (!re3.test(em)) {
                    alert("邮件地址错误");
                    return;
                }
                var em2 = document.getElementById("5").value;
                if (em!=em2) {
                    alert("邮件地址不一致");
                    return;
                }
            }
            function reload() {
                location.reload();
            }

        </script>
    </head>
    
    <body style="text-align:center">
    <table border="1">
    <tr><td colspan="2" style=" background-color:Green">必填信息</td></tr>
    <tr><td>登陆名</td><td><input type="text" id="1" />(只能用英文、数字和下划线)</td></tr>
    <tr><td>密码</td><td><input type="text" id="2" />(密码必须大于五位，区分大小写)</td></tr>
    <tr><td>确认密码</td><td><input type="text" id="3" /></td></tr>
    <tr><td>邮件地址</td><td><input type="text" style="width:250px" id="4"/></td></tr>
    <tr><td>确认邮件地址</td><td><input type="text" style="width:250px" id="5"/></td></tr>
    <tr><td  style=" text-align:center"><input type="button" value="提交" onclick="test()"/></td><td style=" text-align:center"><input type="button" value="重填" onclick="reload()"/></td></tr>
    </table>
    </body>
</html>

 

posted @ 2012-02-19 17:57  zwjyx_  阅读(221)  评论(0)    收藏  举报