javascript regex返回true..那就错了……然后是真的……等[副本]

我在表单上写的验证有一个奇怪的问题。它是输入旁边的“检查用户名”按钮。输入默认值是用户名,例如“betamax”。当我按下“检查用户名”时,它将传递regex并将用户名发送到服务器。服务器按照预期的方式运行,并返回“2”来告诉javascript他们正在提交自己的用户名。

然后,当我再次单击按钮时,regex失败。显然,没有任何内容发送到服务器,因为regex失败了。如果我再次按下按钮,regex将通过,然后用户名将被发送到服务器。

我真的搞不清是什么让它这么做的!这对我来说毫无意义!

编辑:我在Firefox和Chrome(Mac)中测试过这个问题。

这是我的代码:

$j("#username-search").click(checkUserName);

function checkUserName() {
    var userName = $j("#username").val();


    var invalidUserMsg = 'Invalid username (a-zA-Z0-9 _ - and not - or _ at beginning or end of string)';
    var filter = /^[^-_]([a-z0-9-_]{4,20})[^-_]$/gi;
    if (filter.test(userName)) {
        console.log("Pass")
        $j.post(
        "/account/profile/username_check/", 
        { q: userName }, 
        function(data){
            if(data == 0) {
                $j("#username-search-results").html("Error searching for username. Try again?");
            }
            else if(data == 5) {
                $j("#username-search-results").html(invalidUserMsg);
            }
            else if(data == 4) {
                $j("#username-search-results").html("Username too short or too long.");
            }
            else if(data == 2) {
                $j("#username-search-results").html("This is already your username.");
            }
            else if(data == 3) {
                $j("#username-search-results").html("This username is taken.");
            }
            else if(data == 1){
                $j("#username-search-results").html("This username is available!");
            }
        });
    } else {
        console.log("fail")
        $j("#username-search-results").html(invalidUserMsg);
    }

    return false;

}

HTML:

<input name="username" id="username" value="{{ user.username }}" />
<input type="button" value="Is it taken?" id="username-search">
<span id="username-search-results"></span>