struts2与ajax整合表单验证.doc

register.jsp页面代码如下: base href= register.jsp body,td,input font-family: Arial; font-size: 12px; table.default border-collapse:collapse; width: 300px; table.default,td border: 1px solid black; padding:3px; table.default td.item background: #006699; color: #fff; div.ok color: #006600; div.warning color: #FF0000; 注册表单验证 用户名: 请输入用户名 密码: 请输入密码 密码验证: 请再次输入密码 E-mail: 请输入邮件地址 验证码: 请输入图片中的验证码 checker.js代码如下:var Checker = new function() this._url=check.action; this._infoDivSuffix= CheckDiv ;/提示信息Div的同意后缀 this.checkNode = function(_node) var nodeId = _node.id; if(_node.value!=) var xmlHttp=this.createXmlHttp(); xmlHttp.onreadystatechange = function() if(xmlHttp.readyState=4) Checker.showInfo(nodeId+Checker._infoDivSuffix,xmlHttp.responseText); xmlHttp.open(POST,this._url,true); xmlHttp.setRequestHeader(Content-Type,application/x-www-form-urlencoded); /alert(_node.id); /alert(_node.value); xmlHttp.send(name=+nodeId+&value=+(_node.value); /显示服务器反馈信息 this.showInfo = function(_infoDivId , text) var infoDiv = document.getElementById(_infoDivId); /获取显示信息的div var status = text.substr(0,1); /反馈信息的第一个字符表示信息类型 if (status = 1) infoDiv.className = ok; /检查结果正常 else infoDiv.className = warning; /检查结果需要用户修改 infoDiv.innerHTML = text.substr(1); /写回详细信息 /用于创建XMLHttpRequest 对象 this.createXmlHttp = function() var xmlHttp = null; /根据window.XMLHttpRequest 对象是否存在使用不同的创建方式 if (window.XMLHttpRequest) xmlHttp = new XMLHttpRequest(); /FireFox、Opera 等浏览器支持的创建方式 else xmlHttp = new ActiveXObject(Microsoft.XMLHTTP);/IE 浏览器支持的创建方式 return xmlHttp; /检查两次输入的密码是否一致 this.checkPassword = function() var p1 = document.getElementById(password).value; /获取密码 var p2 = document.getElementById(password2).value; /获取验证密码 /当两部分密码都输入完毕后进行判断 if (p1 != & p2 != ) if (p1 != p2) this.showInfo(password2 + Checker._infoDivSuffix, 0 密码验证与密码不一致。); else this.showInfo(password2 + Checker._infoDivSuffix, 1 两次密码输入正确) else if (p1 != null) this.showInfo(password + Checker._infoDivSuffix, 1); 验证码code.jsp代码如下: base href= 生成验证码 % /设置页面不缓存 response.setHeader(Pragma,No-cache); response.setHeader(Cache-Control,no-cache); response.setDateHeader(Expires, 0); int width=50; /设置图片宽度 int height=20; / 设置图片高度 /创建缓存图像 BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); Graphics g = image.getGraphics(); / 获取图形 g.setColor(new Color(000, 102, 153); / 设置背景色 g.fillRect(0, 0, width, height); / 填充背景 g.setColor(new Color(000, 000, 000); / 设置边框颜色 g.drawRect(0, 0, width-1, height-1); / 绘制边框 g.setFont(new Font(Arial, Font.PLAIN, 16); /设定字体 Random random = new Random(); / 生成随机类 /随机产生4 位数字验证码 StringBuffer sbRan = new StringBuffer(); /保存验证码文本 for (int i=0; i UserAction代码如下:package register;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;import erceptor.ServletRequestAware;import erceptor.ServletResponseAware;import com.opensymphony.xwork2.ActionSupport;public class UserAction extends ActionSupport implements ServletRequestAware ,ServletResponseAware /* * */ private static final long serialVersionUID = 1L; private HttpServletRequest request; private HttpServletResponse response; private UserDAO dao = new UserDAOImpl(); public void setServletRequest(HttpServletRequest request) this.request =request; public void setServletResponse(HttpServletResponse response) this.response = response; Override public String execute() throws Exception String name = request.getParameter(name); String value = request.getParameter(value); / System.out.println(name); /System.out.println(value); String info = null; response.setContentType(text/html;charset=utf-8); if(code.equals(name) String sessionCode = (String)request.getSession().getAttribute(_CODE_); / System.out.println(sessionCode); if(value!=null & value.equals(sessionCode) response.getWriter().println(1验证码正确); else response.getWriter().println(0验证码错误); else if(username.equals(name) info=用户名; else if(email.equals(name) info=邮件地址;