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>


 

Struts 2相关配置与基本操作演示(案例Demo)

Strust 2相关配置与基本操作了解演示(Demo),Struts 2是Struts的下一代产品,是在 struts 1和WebWork的技术基础上进行了合并的全新的Struts 2框架。其全新的S...
  • ma_hoking
  • ma_hoking
  • 2014年06月30日 13:09
  • 1366

MySQL多实例配置(二)

MySQL数据库的集中化运维,可以通过在一台MySQL数据库服务器上,部署多个MySQL实例。该功能是通过mysqld_multi来实现。mysqld_multi用于管理多个mysqld的服务进程,这...
  • robinson_0612
  • robinson_0612
  • 2014年10月21日 08:41
  • 4008

AngularJS2入门实例(1)

一、入门体验最近由于项目的需要,本人花了一个礼拜的时间刚刚把angulajs1.x给入门,感觉可以上手做项目了,悲催的被告知,还需要学习angular2,2.x目前还是beta版(公测)估计第一个稳定...
  • tianjun2012
  • tianjun2012
  • 2016年03月26日 19:58
  • 3362

简单实例: 基于Struts2的登录系统

下面通过一个小例子来实际操作一下Struts2的开发,演示一个简单的登录系统。 基于Struts2开发Java web项目主要经过一下步奏: (1)在web.xml中配置核心控制器FilterDisp...
  • yus201120
  • yus201120
  • 2015年06月15日 15:10
  • 1311

8,计时器应用实例

示例一:数字时钟。 模拟LED的七级显示形式,显示当前时间。
  • u014034497
  • u014034497
  • 2015年07月26日 10:07
  • 251

使用ZooKeeper实现的两个实例

使用ZooKeeper实现的两个实例 http://itindex.net/detail/49988-zookeeper 分享到: 出处:http://www.iteye.com...
  • nysyxxg
  • nysyxxg
  • 2015年03月09日 10:35
  • 400

zTree应用实例详讲(1)

因为项目的需要,要创建一棵动态的文件树,此树除了实现异步获取子节点外,还要实现对树节点的增、删、改、查、移动、重命名、批量删除、批量移动。 每一个操作都要和数据库打交道。任务还是挺重的。 我正在...
  • lvjianyu2007
  • lvjianyu2007
  • 2014年06月23日 13:27
  • 474

jsp Model2 登录实例

Model2 登录操作步骤:
  • yan309271291
  • yan309271291
  • 2014年09月06日 12:34
  • 1236

Hadoop: MapReduce2的几个基本示例

1) WordCount  这个就不多说了,满大街都是,网上有几篇对WordCount的详细分析 http://www.sxt.cn/u/235/blog/5809 http://w...
  • qq_26562641
  • qq_26562641
  • 2016年02月16日 14:34
  • 418

Linux下spi驱动开发(2)

Linux下spi驱动开发之m25p10驱动测试 作者:刘洪涛,华清远见嵌入式学院讲师。 Linux下spi驱动开发之m25p10驱动测试 目标:在华清远见的FS_S5PC100平台上编写一个简单的s...
  • xie0812
  • xie0812
  • 2016年10月06日 09:14
  • 463
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:strus+ajax实例--用户注册(2)
举报原因:
原因补充:

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