以下就是html,都是与该文章相同
<%@ page language="java" contentType="text/html;charset=GBK" debug="true" %>
<script language="
javascript" type="text/
javascript">
<!--
/**//**Ajax开始by Alpha 2005-12-31*/
var http=getHTTPObject()
function handleHttpResponse()
{
if(http.readyState==4)
{
if(http.status==200
{
var xmlDocument=http.responseXML;
if(http.responseText!="")
{
document.getElementById("showStr").style.display="";
document.getElementById("userName").style.background="#FF0000";
document.getElementById("showStr").innerText=http.responseText;
}
else
{
document.getElementById("userName").style.background="#FFFFFF";
document.getElementById("showStr").style.display="none";
}
}
else
{
alert("你所请求的页面发生异常,可能会影响你浏览该页的信息!");
alert(http.statur);
}
}
}
function handleHttpResponse1()
{
if(http.readyState==4)
{
if(http.status==200)
{
var xmlDocument=http.responseXML;
if(http.responseText!="")
{
document.getElementById("comNmStr").style.display="";
document.getElementById("comNm").style.background="#FF0000";
document.getElementById("comNmStr").innerText=http.responseText;
}
else
{
document.getElementById("comNm").style.background="#FFFFFF";
document.getElementById("comNmStr").style.display="none";
}
}
else
{
alert("你所请求的页面发生异常,可能会影响你浏览该页的信息");
alert(http.status);
}
}
}
function chkUser()
{
var url="/chkUserAndCom";
var name=document.getElementById("userName").value;
url +=("&userName="+name+"&oprate=chkUser");
http.open("GET",url,true);
http.onreadystatechange=handleHttpResponse;
http.send(null);
return;
}
function chkComNm()
{
var url="/chkUserAndCom";
var name=document.getElementById("comNm").value;
url +=("&comName="+name+"&oprate=chkCom");
http.open("GET",url,true);
http.onreadystatechange=handleHttpResponse1;
http.send(null);
return;
}
function getHTTPObject()
{
var xmlhttp=false;
if(window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
if(xmlhttp.overrideMimeType) xmlhttp.ovarrideMimeType('text/xml');
}
else
{
try
{
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E)
{
xmlhttp=false;
}
}
}
return xmlhttp;
}
}
function chkpassword()
{
var m=document.form1;
if(len(m.password.value)>20 || len(m.password.value)<5 || ! isStr(m.password.value))
{
document.getElementById("passwordStr").style.display="";
document.getElementById("password").style.background="#ff0000";
document.getElementById("passwordStr").innerText="对不起,密码必须为英文字母、数字或下划线,长度为5~20!";
}
else
{
document.getElementById("password").style.background="#ffffff";
document.getElementById("passwordStr").style.display="none";
}
}
function chkconfirmPassword()
{
var m=document.form1;
if(m.password.value !=m.confiremPassword.value)
{
document.getElementById("confirmPasswordStr").style.display="";
document.getElementById("confiremPassword").style.background="#ff0000";
document.getElementById("confirmPasswordStr").innerText="对不起,密码与重复密码不一致!";
}
else
{
document.getElementById("confirmPassword").style.background="#ffffff";
document.getElementById("confirmPasswordStr").style.display="none";
}
}
function checkfield()
{
var m=document.form1;
if (m.userName.value.length==0)
{
alert("对不起,用户名必须为英文字母、数字或下划线,长度为5~20。");
m.userName.focus();
return false;
}
if(m.password.value.length==0)
{
alert("对不起,密码必须为英文字母、数字或下划线,长度为5~20。");
m.password.focus();
return false;
}
if(m.password.value!=m.confirmPassword.value)
{
alert(("对不起,企业名称不能为空!!");
m.comNm.focus();
return false;
}
m.submit();
}
//-->
</script>
<html>
<body topmargin="0">
<form name="form1" method="post" action="/Control?act=Register">
<table width="100%">
<tr><td align="center"><h2>Ajax演示程序</h2></td></tr>
<tr><td align="center"> ------企业注册 By Alpha</td></tr>
</table>
<hr />
<table width="400" border="0" cellpadding="1" cellspacing="1" align="center">
<tr>
<td><font color="red">*</font></td>
<td>用户帐号:</td>
<td>
<input type="text" name="userName" maxlength="20" style="background:#ffffff"
onblur="chkUser()" value="" />
<div id="showStr" style="background-color:#ff9900;display:none"></div>
</td>
</tr>
<tr>
<td><font color="red">*</font></td>
<td>企业名称:</td>
<td>
<input type="text" name="comNm" maxlength="100" style="background:#ffffff"
onblur="chkComNm()" value="" />
</td>
</tr>
<tr>
<td><font color="red">*</font></td>
<td>用户密码:</td>
<td>
<input type="password" name="password" maxlength="20"
style="background:#ffffff" onblur="chkconfirmPassword()" />
<div id="confirmPasswordStr" style="background-color:#ff9900;display:none"></div>
</td>
</tr>
</table>
<div align="center">
<input type="button" name="ok" value=" 确 定 " onclick="checkfield()" />
<input type="reset" name="reset" value=" 取 消 " />
</div>
</form>
</body>
</html>