AJAX 用户验证方法

 

 

JSP

<td width="10%" class="main_matter_td">真实姓名</td>
<td width="40%" align="left" class="main_matter_td">
<input name="realnameLc" id="realnameLc" type="text" class="textBox" value="" size="24" onblur="isExist1()"/>
<div id="checkResult1">*</div>

<script type="text/javascript">
//验证用户名是否存在
var xmlHttp;
function isExist1()
{
var nameLc=document.getElementById("realnameLc").value;
if(nameLc != ""){
if(window.ActiveXObject)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}else{
xmlHttp=new XMLHttpRequest();
}
var url="IsExsitDLUser1.action?realname="+document.getElementById("realnameLc").value.toString();
xmlHttp.onreadystatechange=handlStateChage;
xmlHttp.open("GET",url,true);
xmlHttp.send(null);
}else{
document.getElementById("checkResult1").innerHTML ="真实姓名不能为空";
}
}
function handlStateChage()
{
if(xmlHttp.readyState==4) //代表请求完成，0=未初始化；1=正在加载；2=加载完成;3=交互中；4=完成
{
if(xmlHttp.status==200) //请求状态，200表示正常返回
{
document.getElementById("checkResult1").innerHTML =xmlHttp.responseText;
}
}


}
</script>