Javascript regex renvoyer true.. alors faux.. alors vrai.. etc [dupliquer]

cette question a déjà une réponse ici:

• pourquoi un RegExp avec GLOBAL flag donne-t-il de mauvais résultats? 6 réponses

j'ai un étrange problème avec la validation que j'écris sur un formulaire. C'est un nom d'utilisateur' bouton à côté de l'entrée. L'entrée valeur par défaut est la nom d'utilisateur par exemple "betamax'. Lorsque j'appuie sur 'Check Username', il passe le regex et envoie le nom d'utilisateur au serveur. Le serveur se comporte comme prévu et renvoie '2' pour dire au javascript qu'il soumet son propre nom d'utilisateur.

puis, quand je clique à nouveau sur le bouton, le regex échoue. Rien n'est envoyé au serveur évidemment parce que le regex a échoué. Si j'appuie à nouveau sur le bouton, le regex passe et le nom d'utilisateur est envoyé au serveur.

Je n'arrive pas à comprendre ce qui le ferait faire ça! Il ne fait aucun sens pour moi!

Edit: j'ai testé le problème dans Firefox et Chrome (mac)

C'est mon code:

$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;

}

the 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>