ajax做的表單驗證

《ajax做的表單驗證》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、ajax主要是在js上，對asp的要求很小?？梢韵裣旅孢@樣思考：1.寫表單第一項（如用戶名）2.onblur事件(失去焦點)發(fā)生時開始驗證，onblur="checkusername()"3.js發(fā)一個請求給第一個asp(假定為ajaxusername.asp)如果從數(shù)據(jù)庫中找到了這個用戶，給出1(ajaxusername.asp所有內(nèi)容就是一個1)如<%if(user.exist())response.write"1"%>4.js收到，會自動執(zhí)行checkuser()函數(shù)。checkuser把用戶名一行底色改變，并顯示

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

5、/head>varXMLHttpReq=false;//創(chuàng)建XMLHttpRequest對象functioncreateXMLHttpRequest(){if(window.XMLHttpRequest){//Mozilla瀏覽器XMLHttpReq=newXMLHttpRequest();}elseif(window.ActiveXObject){//IE瀏覽器XMLHttpReq=newActiveXObject("Microsoft.XMLHTTP");}}

6、//發(fā)送請求函數(shù)functionsendRequest(url){createXMLHttpRequest();XMLHttpReq.open("GET",url,true);XMLHttpReq.onreadystatechange=processResponse;//指定響應(yīng)函數(shù)XMLHttpReq.send(null);//發(fā)送請求}//處理返回信息函數(shù)functionprocessResponse(){document.getElementById("message").innerHTML="

7、"">";if(XMLHttpReq.readyState==4){//判斷對象狀態(tài)if(XMLHttpReq.status==200){//信息已經(jīng)成功返回，開始處理信息varres=XMLHttpReq.responseXML.getElementsByTagName("res")[0].firstChild.data;document.getElementById("message").innerHTML=res;}else{//頁面不正常window.alert("您所請求的頁面有異常。");}}}//身份驗證函

8、數(shù)functionuserCheck(){varuname=document.myform.uname.value;varpsw=document.myform.psw.value;if(uname==""){window.alert("用戶名不能為空。");document.myform.uname.focus()