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

10 篇文章 0 订阅
6 篇文章 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" οnclick="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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值