ajax做的表单验证.doc

ajax主要是在js上，对asp的要求很小。 可以像下面这样思考：1.写表单第一项（如用户名）2.onblur事件(失去焦点)发生时开始验证，onblur=checkusername()3.js发一个请求给第一个asp(假定为ajaxusername.asp)如果从数据库中找到了这个用户，给出1(ajaxusername.asp所有内容就是一个1)如4.js收到，会自动执行checkuser()函数。checkuser把用户名一行底色改变，并显示“用户己存在”asp部分你就自己写了。下面给出一些js代码。/*以下函数一般不需要改变*/var Ajax;function CreateAjax() if (window.XMLHttpRequest) Ajax = new XMLHttpRequest(); else if (window.ActiveXObject) Ajax = new ActiveXObject(Microsoft.XMLHTTP); function SendData(url_,sendtext_) Ajax.open(POST,url_,true); Ajax.onreadystatechange = checkuser; Ajax.send(sendtext_);function CheckAjaxStatus(Ajax_) if(Ajax_.readyState = 4) if(Ajax_.status = 200) return true; return false;/*以上函数一般不需要改变*/function checkuser() if(!CheckAjaxStatus(Ajax)return;/asp返回果对结果的处理。服务器返回的就是ajaxusername.asp，这个结果存于Ajax.responseText属性中。function checkusername()CreateAjax();SendData(ajaxusername.jsp,username= + name);jsp页面： var XMLHttpReq = false; /创建XMLHttpRequest对象 function createXMLHttpRequest() if(window.XMLHttpRequest) /Mozilla 浏览器 XMLHttpReq = new XMLHttpRequest(); else if (window.ActiveXObject) / IE浏览器 XMLHttpReq = new ActiveXObject(Microsoft.XMLHTTP); /发送请求函数 function sendRequest(url) createXMLHttpRequest(); XMLHttpReq.open(GET, url, true); XMLHttpReq.onreadystatechange = processResponse;/指定响应函数 XMLHttpReq.send(null); / 发送请求 / 处理返回信息函数 function processResponse() document.getElementById(message).innerHTML=; if (XMLHttpReq.readyState = 4) / 判断对象状态 if (XMLHttpReq.status = 200) / 信息已经成功返回，开始处理信息 var res=XMLHttpReq.responseXML.getElementsByTagName(res)0.firstChild.data; document.getElementById(message).innerHTML=res; else /页面不正常 window.alert(您所请求的页面有异常。); / 身份验证函数 function userCheck() var uname = document.myform.uname.value; var psw = document.myform.psw.value; if(uname=) window.alert(用户名不能为空。); document.myform.uname.focus(); return false; else sendRequest(login?uname=+ uname + &psw= + psw); 用户名： 密码： servlet：package classmate;import java.io.IOException;import java.io.PrintWriter;import javax.servlet.ServletConfig;import javax.servlet.ServletException;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;public class LoginAction extends HttpServlet public void init(ServletConfig config) throws ServletException /* * 处理 请求方法. */ protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException /设置接收信息的字符集 request.setCharacterEncoding(UTF-8); /接收浏览器端提交的信息 String uname = request.getParameter(uname); String psw = request.getParameter(psw); /设置输出信息的格式及字符集 response.setContentType(text/xml; charset=UTF-8); response.setHeader(Cache-Control, no-cache); /创建输出流对象 PrintWriter out = response.getWriter(); /依据验证结果输出不同的数据信息 out.println(); if(uname.equals(jenny) & psw.equals(hi) out.println( + 热烈的欢迎您! + ); else out.println( + 对不起,登录失败！ + ); out.println(); out.close(); /* * 处理 请