ajax检测用户名是否存在

html代码

<div class="Mtitle"><span>用户名:</span></div>
<div class="Mright"><input name="username" type="text" id="username" maxlength="20" size="20"
class="colorblue" onfocus="this.className='colorfocus';"
onblur="this.className='colorblue';checkusername(this.value);" />
<span id="checkresult">不超过20个字符</span></div>

javascript 代码

function checkusername(username)
        {
            var unlen = username.replace(/[^\x00-\xff]/g, "**").length;//若输入的不是ascii值 则算两个字符
            if(unlen < 3 || unlen > 20) {
                document.getElementById("checkresult").innerHTML = "<font color='#009900'>"
+ (unlen < 3 ? profile_username_tooshort : profile_username_toolong) + "</font>";
                return;
            }
            ajaxRead("tools/ajax.aspx?t=checkusername&username=" + escape(username),
"showcheckresult(obj,'" + username + "');");
        }
//escape (charString)是对String对象进行Unicode编码转换，以便其能在所有的计算机上可读。所有空格、标点、重音符号以及其他非  ASCII 字符都用 %xx 编码代替，其中 xx 等于表示该字符的十六进制数。例如，空格返回的是 "%20" 。字符值大于 255 的以 % uxxxx 格式存储。unescape则是逆向操作。
//在ajax.aspx中通过 System.Web.HttpUtility.UrlDecode()方法来获取原始字符
        function showcheckresult(obj, username)
        {
            var res = obj.getElementsByTagName('result');//在xml中查找result标签的节点
            var resContainer = document.getElementById("checkresult");
            var result = "";
            if (res[0] != null && res[0] != undefined)
            {
                if (res[0].childNodes.length > 1) {
                    result = res[0].childNodes[1].nodeValue;
                } else {
                    result = res[0].firstChild.nodeValue;            
                }
            }
            if (result == "1")
            {
                resContainer.innerHTML = "<font color='#009900'>对不起，您输入的用户名 \"" + htmlEncode(username, true, 4) + "\" 已经被他人使用或被禁用，请选择其他名字后再试。</font>";
            }
            else
            {
                resContainer.innerHTML = profile_username_pass;
            }
        }

function createXMLHttp() {
    if(window.XMLHttpRequest){
        return new XMLHttpRequest();
    } else if(window.ActiveXObject){
        return new ActiveXObject("Microsoft.XMLHTTP");
    } 
    throw new Error("XMLHttp object could be created.");
}

function ajaxRead(file,fun){
    var xmlObj = createXMLHttp();

    xmlObj.onreadystatechange = function(){
        if(xmlObj.readyState == 4){
            if (xmlObj.status ==200){
                obj = xmlObj.responseXML;//为obj变量赋值 是utf-8编码
                eval(fun);//给执行fun字符串中的javascript语句
            }
            else{
                alert("error:[" + xmlObj.status  + "]");
            }
        }
    }
    xmlObj.open ('GET', file, true);
    xmlObj.send (null);
}