解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
    <head>
        <title>用户注册</title>
        <link href="login.css" type="text/css" rel="stylesheet"/>
        <script language="JavaScript" type="text/javascript">
        function Check()
        {
            if(!checkUserName()){return false;}   
            else if(!checkPassword()){return false;}
            else if(!checkRePsaaword()){return false;}
            else if(!checkNickName()){return false;}
            else if(!checkEmail()){return false;}
            else if(!checkAnswer()){return false;}
            return true;
        }
        function checkUserName()
        {
            var name=document.getElementById("name").value;
            if(name=="")
            {
                alert("用户名不能为空,请输入用户名");
                return false;
                 
            }
            for(var i=0;i<name.length;i++)
            {
                var temp=name.charAt(i);
                if(!(temp<=9&&temp>=0)&&!(temp>='a'&&temp<='z')&&!(temp>='A'&&temp<='Z'))
                {
                    alert("用户名必须是有数字字母组成(可全数字也可全字母)");
                    return false;
                }
            }
            return true;
         }
     
        function checkPassword()
        {
            var password=document.getElementById("pwd").value;
            if(password==null||""==password.replace(/(^\s*)|(\s*$)/g, ""))
            {
                alert("密码不能为空,请输入密码");
                return false;
            }
            for(var i=0;i<password.length;i++)
            {
                var temp=name.charAt(i);
                if(!(temp<=9&&temp>=0)&&!(temp>='a'&&temp<='z')&&!(temp>='A'&&temp<='Z'))
                {
                    alert("密码必须是有数字字母组成(可全数字也可全字母)");
                    return false;
                }
            }
            return true;
        }
        function checkRePsaaword()
        {
            var repassword=document.getElementById("rpwd").value;
            var password=document.getElementById("pwd").value;
     
            if(repassword==null||""==repassword.replace(/(^\s*)|(\s*$)/g, ""))
            {
                alert("请再次输入密码")
                return false;
            }
            if(password!=repassword)
            {
                alert("两次输入的密码不同,请重新输入");
                return false;
            }
            return true;
        }
        function checkNickName()
        {
            var nickname=document.getElementById("nick").value;
            if(nickname==null||""==nickname.replace(/(^\s*)|(\s*$)/g, ""))
            {
                alert("请次输入昵称");
                return false;
            }
            if(nickname.length<0||nickname.length>=20)
            {
                alert("昵称长度超过限制,请重新输入");
                return false;
            }
            return true;
        }
        function checkEmail()
        {
            var email=document.getElementById("Email").value;
            if(email==null||""==email.replace(/(^\s*)|(\s*$)/g, ""))
            {
                alert("请输入邮箱");
                return false;
            }
            //var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
            var strReg=/^\w+((-\w+)|(\.\w+))*\@{1}\w+\.{1}\w{2,4}(\.{0,1}\w{2}){0,1}/ig;
            var r=email.search(strReg);
            if(r==-1) {
                alert("邮箱格式错误!");
                return false;
            }
            return true;
        }
        function checkAnswer()
        {
             
            var answer=document.getElementById("awr").value;
            if(answer==null||""==answer.replace(/(^\s*)|(\s*$)/g, ""))
            {
                alert("请输入密码保护问题");
                return false;
            }
            if(answer.length>=20)
            {
                alert("密码保护问题的长度超过限制,请重新输入");
                return false;
            }
            return true;
        }
    </script>
    </head>
    <body>
    <form id="Form1" action="register.action" onsubmit="return Check()" method="post">
    <div style="width:100%;">
        <div align="center">
           <div id="Main">
                <div id="Heading">注册 &nbsp;</div>
                <label class="MyLabel">帐号</label>
                <div class="line">
                    <input name="username" id="name" class="Testbox" type="text" onblur="checkUserName()"/>&nbsp;
                </div>
                <label class="MyLabel">密码</label>
                <div class="line">
                    <input name="password" id="pwd" class="Textbox" type="password" onblur="checkPassword()"/> 
                </div>
                <label class="MyLabel">确认密码</label>
                <div class="line">
                    <input name="repassword" id="rpwd" class="Textbox" type="password" onblur="checkRePsaaword()"/>&nbsp;
                </div>
                <label class="MyLabel">昵称</label>
                <div class="line">
                    <input name="nickname" id="nick" class="Textbox" type="text" onblur="checkNickName()"/>&nbsp;
                </div>
                <label class="MyLabel">邮箱</label>
                <div class="line">
                    <input name="email" id="Email" class="Textbox" type="text" onblur="checkEmail()"/>&nbsp;
                </div>
                <label class="MyLabel">密码保护问题</label>
                <div class="line">
                    <select name="question" class="selects">
                        <option value="你的生日">你的生日</option>
                        <option value="你的家乡">你的家乡</option>
                        <option value="你最喜欢的食物">你最喜欢的食物</option>
                    </select>
                </div>
                <label class="MyLabel">密码保护的答案</label>
                <div class="line">
                    <input name="answer" id="awr" class="Textbox" type="text" onblur="checkAnswer()"/>&nbsp;
                </div>
                <div>
                    <input name="btnLogin" value="注册"  id="btnLogin" class="Button" style="margin-top: 8px" type="submit"/>         
                </div>
                <div style="line-height:1.8em;margin-top:10px;">
                    » <a href="login.jsp" title="登陆"><b>立即登陆</b></a>       
                </div>         
                <div style="clear: both"></div>
            </div>
        </div>
    </div>
    </form>
    </body>
    </html>
    细心点就好了