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

原创 2007年09月19日 14:13:00
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>


 

相关文章推荐

Ajax+SpringMVC+Spring+Mybatis+MySql+js用户注册实例

这几天研究了下Ajax注册的方法,通过在注册时输入用户名或邮箱等,就可以判断这个用户是否存在,以免用户来注册,然后提交了,系统才提示该用户名或邮箱不可用。使用Ajax便可实现这一功能,看了网上的都是p...
  • Evankaka
  • Evankaka
  • 2015年07月23日 17:05
  • 11490

ajax编写用户注册的应用实例

  • 2008年08月19日 15:09
  • 12KB
  • 下载

struts2 json 与jquery整合实现ajax,用户注册校验

实现异步通信,用json与jquery实现起来相当简便。  Struts2整合jQuery Struts2中主要的业务操作都是通过Action来完成的,此时就需要jQuery来访问Struts...

AJAX+servlet入门实例用户注册

  • 2007年08月26日 16:08
  • 25KB
  • 下载

安卓开发实例(2)实现用户注册

目的掌握Activity两个界面数据的相互传递总结(1)初步接触了线性布局模式 (2)明白了xml与Acivity的关系,xml是视图,Acitivity是控制 ,把视图之中的id传给控制代码,控...

PHP+Ajax实现用户注册的界面

把以下代码保存到ajax1.php和ajax.html文件中。浏览ajax.html文件。 ajax1.php>>>>>>>> ...
  • Oo__YAN
  • Oo__YAN
  • 2011年11月30日 23:14
  • 3365

使用jquery+ajax方式实现用户注册时,检测用户名是否存在

使用jquery+ajax方式实现用户注册时,检测用户名是否存在    使用jquery+ajax方式实现用户注册时,检测用户名是否存在 /* ...
  • deron7
  • deron7
  • 2011年12月07日 19:48
  • 5494

用户注册的ajax请求

说明:可以在ajax请求的方法中继续请求ajax,此处是先验证用户名是否存在,请求的后台返回一个布尔值(Booleans),如果返回的值为true的时候,说明用户名存在,继续在if语句中请求ajax,...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:strus+ajax实例--用户注册(2)
举报原因:
原因补充:

(最多只允许输入30个字)