《struts2与ajax整合表单验证.doc》由会员分享,可在线阅读,更多相关《struts2与ajax整合表单验证.doc(7页珍藏版)》请在金锄头文库上搜索。
1、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
2、: #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.createXmlH
3、ttp(); 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.se
4、nd(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; /检查结果需要用户修改
5、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);/I
6、E 浏览器支持的创建方式 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.showIn