Dave Burke : Online Community and Social Business Specialist

I’ve been wanting to give the Sueetie Registration Form some good lovin’ for the upcoming 2.0 release and today was the day. Here’s the updated registration form as a point of reference.

Here are the registration form updates:

• Client-side Username available checking
• Client-side Email Address is available checking
• Removed the double entry requirement on the password
• Regular Expression Validator added to the email address
• Passwords now support special characters

Here's what the Username and Email Address not-available indicators look like.

As for the geeky details, we’re using the standard Sueetie JQuery/WCF patterns, starting with an OnBlur() javascript method on the text fields as seen below.

OnBlur() passes the textbox value to the appropriate WCF service which displays the boolean result in a <DIV> tag.  Real simple.

function CheckUsername(username) {
    Sueetie.Web.SueetieService.IsNewUsername(username, SetUsernameStatusMessage);
}

function SetUsernameStatusMessage(result) {
    if (!result) {
        $("#UsernameCheckMsg").html("<br />Username already in use. <a href='ForgotPassword.aspx'>Forgot your Account Information?</a>");
    } else
        $("#UsernameCheckMsg").html("");
}

We often overlook the registration form since we as admins never see it, but it’s the first impression a new member gets of the site he or she has decided to join. It’s a function where sweating the details is required.