关闭

strus+ajax实例--用户注册(2)

574人阅读 评论(0) 收藏 举报
4.写jsp文件userReg.jsp如下:
<%@ page language="java" contentType="text/html;charset=UTF-8"%>
<html>
    <head>
        <title>User Regisiter</title>
    </head>
    <script type="text/javascript" src="/userReg/common/reg.js"></script>
    <script type="text/javascript">
   
       
        function showadv(){
            if(document.regForm.advshow.checked == true)
                adv.style.display = "";
            else
                adv.style.display = "none";
        }
        function checkUser(){
            var userName = trim(document.regForm.userName.value);
            if(userName ==null||userName==""){
                user.style.display = "";
                user.style.backgroundColor ="#FFFF00";
                user.innerHTML = "<img src='/userReg/common/check_error.gif'><font color='red'>请填写用户名</font>";
                return false;
            }else{
                send("/userReg/checkUser.do?key=user&username="+userName,user);
            }
        }
        function checkPass(){
            var pass = trim(document.regForm.pass.value);
            if(pass == null|| pass==""){
                pass1.style.display = "";
                pass1.style.backgroundColor ="#FF0000";
                pass1.innerHTML = "<img src='/userReg/common/check_error.gif'>请添加密码";
                return false;
            }
        }
        function checkrepass(){
            var pass = trim(document.regForm.pass.value);
            var repass = trim(document.regForm.repass.value);
            if(repass ==null || repass == ""){
                repass1.style.display = "";
                repass1.style.backgroundColor ="#FF0000";
                repass1.innerHTML = "<img src='/userReg/common/check_error.gif'>请添加确认密码";
            }else{
                send("/userReg/checkUser.do?key=pass&pass="+pass+"&repass="+repass,repass1);
            }
        }
        function checkEmail(){
            var email = document.regForm.email.value;
            if(email == null || email == ""){
                email1.style.display = "";
                email1.style.backgroundColor ="#FF0000";
                email1.innerHTML = "<img src='/userReg/common/check_error.gif'>请填写Email";
            }else{
                send("/userReg/checkUser.do?key=email&email="+email,email1);
            }
        }
       
        function trim(str) {
            return str.replace(/^/s*(.*?)[/s/n]*$/g, '$1');
        }   
       
    </script>
    <body>
        <form action="/userReg" method="post" name="regForm">
   
            <table width="100%" bgcolor="#F4A460" border="1" bordercolor="#A0522D">
                <tr>
                    <th colspan="2" bgcolor="#A0522D" align="left" height="38">&nbsp;&nbsp;注册</th>
                </tr>
                <tr>
                    <th colspan="2" align="left">&nbsp;必填</th>
                </tr>
                <tr>
                    <td width="21%">&nbsp;用户名</td>
                    <td><input type="text" name="userName" onBlur="checkUser()"/>
                        <div id="user" style="display: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;密码</td>
                    <td><input type="password" name="pass" onBlur="checkPass()"/>
                        <div id="pass1" style="dislay: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;确认密码</td>
                    <td><input type="password" name="repass" onBlur="checkrepass()"/>
                        <div id="repass1" style="display: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;Email</td>
                    <td><input type="text" name="email" onBlur="checkEmail()"/>
                        <div id="email1" style="display: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;高级选项</td>
                    <td><input type="checkbox" name="advshow" checked value="1" onclick="showadv()"/>显示高级选项</td>
                </tr>
                <tbody id=adv style="display: ">
                <tr>
                    <th colspan="2" align="left">&nbsp;选填</th>
                </tr>
                <tr>
                    <td>&nbsp;安全提问</td>
                    <td><select name="key">
                            <option>无安全问题</option>
                            <option value="1">你最喜欢的</option>
                            <option value="2">你最讨厌的</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;答案</td>
                    <td><input type="text" name="value"/> </td>
                </tr>
                <tr>
                    <td>&nbsp;性别</td>
                    <td><input type="radio" value="0" name="sex">男
                        <input type="radio" value="1" name="sex">女
                        <input type="radio" value="2" name="sex" checked>保密
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;生日</td>
                    <td><input type="text" name="birth" value="1900-01-01"/></td>
                </tr>
                <tr>
                    <td>&nbsp;来自</td>
                    <td><input type="text" name="from"/></td>
                </tr>
                <tr>
                    <td>&nbsp;QQ</td>
                    <td><input type="text" name="QQ"/></td>
                </tr>
                <tr>
                    <td>&nbsp;MSN</td>
                    <td><input type="text" name="MSN"/></td>
                </tr>
                <tr>
                    <td>&nbsp;个人简介</td>
                    <td><textarea name="resume" rows="4" cols="30">
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td>&nbsp;个性签名</td>
                    <td><textarea name="perSign" rows="4" cols="30">
                        </textarea>
                    </td>
                </tr>
                </tbody>
                <tr>
                    <td colspan="2" align="center"><input type="submit" value="提交"/></td>
                </tr>
            </table>
        </form>
    </body>
</html>


 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:46672次
    • 积分:705
    • 等级:
    • 排名:千里之外
    • 原创:17篇
    • 转载:12篇
    • 译文:0篇
    • 评论:3条
    文章分类
    最新评论