ajax做的表单验证

《ajax做的表单验证》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、ajax主要是在js上，对asp的要求很小。可以像下面这样思考：1.写表单第一项（如用户名）2.onblur事件(失去焦点)发生时开始验证，onblur="checkusername()"3.js发一个请求给第一个asp(假定为ajaxusername.asp)如果从数据库中找到了这个用户，给出1(ajaxusername.asp所有内容就是一个1)如<%if(user.exist())response.write"1"%>4.js收到，会自动执行checkuser()函数。checkuser把用户名一行底色改变，并显示

2、“用户己存在”asp部分你就自己写了。下面给出一些js代码。jsp页面：<%@pagecontentType="text/html;charset=UTF-8"language="java"%><

5、/head>varXMLHttpReq=false;//创建XMLHttpRequest对象functioncreateXMLHttpRequest(){if(window.XMLHttpRequest){//Mozilla浏览器XMLHttpReq=newXMLHttpRequest();}elseif(window.ActiveXObject){//IE浏览器XMLHttpReq=newActiveXObject("Microsoft.XMLHTTP");}}

6、//发送请求函数functionsendRequest(url){createXMLHttpRequest();XMLHttpReq.open("GET",url,true);XMLHttpReq.onreadystatechange=processResponse;//指定响应函数XMLHttpReq.send(null);//发送请求}//处理返回信息函数functionprocessResponse(){document.getElementById("message").innerHTML="

7、"">";if(XMLHttpReq.readyState==4){//判断对象状态if(XMLHttpReq.status==200){//信息已经成功返回，开始处理信息varres=XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;document.getElementById("message").innerHTML=res;}else{//页面不正常window.alert("您所请求的页面有异常。");}}}//身份验证函

8、数functionuserCheck(){varuname=document.myform.uname.value;varpsw=document.myform.psw.value;if(uname==""){window.alert("用户名不能为空。");document.myform.uname.focus()