Registration Form Updates for Sueetie 2.0

The Sueetie Registration Form received some long overdue loving today in anticipation of the Sueetie 2.0 release. 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.

<asp:textbox onblur="CheckUsername(this.value)" id="txtUsername" cssclass="LoginBoxBig" runat="server" />

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.