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

最新推荐文章于 2024-09-19 13:04:08 发布

feng8008

最新推荐文章于 2024-09-19 13:04:08 发布

阅读量733

点赞数

分类专栏： ajax Java Jsp Javascript 文章标签： ajax email function null div input

本文链接：https://blog.csdn.net/feng8008/article/details/1791256

版权

Java 同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

Jsp

10 篇文章 0 订阅

订阅专栏

ajax

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">  注册</th>
                </tr>
                <tr>
                    <th colspan="2" align="left"> 必填</th>
                </tr>
                <tr>
                    <td width="21%"> 用户名</td>
                    <td><input type="text" name="userName" onBlur="checkUser()"/>
                        <div id="user" style="display: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td> 密码</td>
                    <td><input type="password" name="pass" onBlur="checkPass()"/>
                        <div id="pass1" style="dislay: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td> 确认密码</td>
                    <td><input type="password" name="repass" onBlur="checkrepass()"/>
                        <div id="repass1" style="display: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td> Email</td>
                    <td><input type="text" name="email" onBlur="checkEmail()"/>
                        <div id="email1" style="display: none;"></div>
                    </td>
                </tr>
                <tr>
                    <td> 高级选项</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"> 选填</th>
                </tr>
                <tr>
                    <td> 安全提问</td>
                    <td><select name="key">
                            <option>无安全问题</option>
                            <option value="1">你最喜欢的</option>
                            <option value="2">你最讨厌的</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td> 答案</td>
                    <td><input type="text" name="value"/> </td>
                </tr>
                <tr>
                    <td> 性别</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> 生日</td>
                    <td><input type="text" name="birth" value="1900-01-01"/></td>
                </tr>
                <tr>
                    <td> 来自</td>
                    <td><input type="text" name="from"/></td>
                </tr>
                <tr>
                    <td> QQ</td>
                    <td><input type="text" name="QQ"/></td>
                </tr>
                <tr>
                    <td> MSN</td>
                    <td><input type="text" name="MSN"/></td>
                </tr>
                <tr>
                    <td> 个人简介</td>
                    <td><textarea name="resume" rows="4" cols="30">
                        </textarea>
                    </td>
                </tr>
                <tr>
                    <td> 个性签名</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>