<%@pagelanguage="java"contentType="text/html;charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>Inserttitlehere</title>
<scripttype="text/javascript">
varxmlHttp;
varflag;//定义标志位
functionshowJSON(){
}
functionvalidate(uname){//定义函数
varurl="Ajax?uname="+uname;//将获得的表单数据加入到url后面，传回给server
if(window.XMLHttpRequest){
xmlHttp=newXMLHttpRequest();//非IE浏览器则创建这个对象
}elseif(window.ActiveXObject){
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");//如果是IE浏览器则创建这个
}
xmlHttp.open("GET",url,true);
xmlHttp.onreadystatechange=callback;
xmlHttp.send(null);//发送请求，不传递任何的参数
document.getElementById("iii").innerHTML="正在验证...";
}
functioncallback(){//定义回调函数
if(xmlHttp.readyState==4){//数据返回完毕
if(xmlHttp.status==200){//HTTP操作正常
vartext=xmlHttp.responseText;//接收返回的内容
alert(text);
varobj=eval("("+text+")");
if(text!="false"){
flag=false;//无法提交表单
document.getElementById("iii").innerHTML="用户:"+obj.userName+"，已被使用!";
}elseif(text=="false"){
flag=true;
document.getElementById("iii").innerHTML="用户名可用";
}
}
}
}
functioncheckForm(){
returnflag;
}
</script> </head> <body> <formaction="#"method="get"onsubmit="returncheckForm();"> <inputtype="text"name="uname"onblur="validate(this.value);"/><inputtype="submit"value="提交"/><span id="iii"></span> </form> </body> </html>