ajax做的表單驗(yàn)證

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

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

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

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

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

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

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