Wanted to share some additional functionality I added to this project :)

I decided to revisit this project to add a bit of additional functionality. I wanted to test for the presence of 'invalid' characters in the username field. I did so by using a Regular Expression (i.e. regex for short), and thought this would be a nice technique to share with my awesome Treehouse classmates that goes a bit beyond what's required in this lesson.

Here's the additional code:

//check if username is valid
var usernameValid = function () {
    var str = $username.val();
    return /^[a-zA-Z0-9]*$/.test(str);
};

var usernameEvent = function () {
    //if valid
    if (usernameValid()) {
        //hide
        $username.next().hide();
    } else {
        //show
        $username.next().show();
    }
};

//when user focuses on $username
$username.focus(usernameEvent).keyup(usernameEvent).keyup(confirmationEvent).keyup(enableSubmitEvent);

As you may have guessed, I added both a new span into the HTML for the username hint and usernameValid() to the canSubmit function.

You can manipulate the regex based on what you would choose to allow a user to include in their username.

Feel free to shoot any questions my way, or use this thread to expand even further on the functionality I've introduced here. Sharing is caring!