ÒÔϾÍÊÇ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>