register.jsp界面代码如下:
注意以下几点:1,文本框的name,id最好一致,规范性的命名才符合实际应用,
2,后面校验的显示信息此处我定义的为原来id+“js”,当然这里可以随意,不过,关于验证所有的文本框是否为空这方法中我把封装一工具方法,当然可以每个都判断,不过太麻烦,我见凤凰网的注册页面就是这样一个一个的写,太麻烦了。
代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<base href="<%=basePath%>">
<head>
<link href="css/main.css" type="text/css" media="screen" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/register.js"></script>
<title>我的博客系统注册</title>
</head>
<body>
<div class="registerBody">
<div style="height:500px;" class="registerBox" >
<div class="tit" style="padding:10px 10px 0 0; height:35px; background-position:left bottom;">
<span style="float:right">
已经注册?请直接
<a href="">
<strong class="u_blue">
<u>登录</u>
</strong>
</a>
</span>
<h3 class="u_blue">注册用户</h3>
</div>
<hr/>
<s:form name="reg" action="register" validate="true">
<table align="center">
<tr>
<td>
<label>
帐号:
</label>
</td>
<td>
<input type="text" id="username" name="username" />
*
</td>
<td>
<div id="usernameJS"></div>
</td><td id="usernameMessage"></td>
</tr>
<tr>
<td>
<label>
密码:
</label>
</td>
<td>
<input type="password" id="password" name="password" />
*
</td>
<td>
<div id=&#