代码之家 › 专栏 › 技术社区 › Amr Badawy

像Twitter一样检查用户名的最佳实践是什么?

twitter jquery asp.net

Amr Badawy · 技术社区 · 14 年前

我开发注册表,它有用户名字段,它需要像twitter用户名检查(实时检查)。。我已经在每个文本框键中开发了,我使用jQuery来传递Text Box。如果用户名存在或不存在,则返回文本。
以下JavaScript方法“Check()”在文本框的onkeyup中调用:

function Check() {

        var userName = $('#<%= TextBox1.ClientID %>').val();
        if (userName.length < 3) {
            $('#checkUserNameDIV').html("user name must be between 3 and 20");
            return;
        }
        $('#checkUserNameDIV').html('<img src="loader.gif" />');
        //setTimeout("CheckExistance('" + userName + "')", 5000);
        CheckExistance(userName);

    }
    function CheckExistance(userName) {
        $.get(
            "JQueryPage.aspx", { name: userName },
             function(result) {
                 var msg = "";
                 if (result == "1")
                     msg = "Not Exist " + '<img src="unOK.gif" />';
                 else if (result == "0")
                     msg = "Exist" ;
                 else if (result == "error")
                     msg = "Error , try again";

                 $('#checkUserNameDIV').html(msg);
             }
        );
    }