join.lib.js

var $s = function (id) { return document.getElementById(id); }

var JoinForm = function () {
    
    this.fields = [];
    this.fields["username"] = {}
    this.fields["password"] = {};
    this.fields["email"] = {};
    this.fields["fname"] = {};
    this.fields["lname"] = {};
    this.fields["address"] = {};
    this.fields["city"] = {};
    this.fields["country"] = {};
    this.fields["state"] = {};
    this.fields["zip"] = {};
    this.fields["province"] = {};
    this.fields["postal"] = {};
    this.fields["tele"] = {};

    // Default field messages
    this.fields["username"].message = "Username must be at least 4 characters";
    this.fields["email"].message = "Must be a valid email address.";
    this.fields["password"].message = "Password  requires a combination of 6 numbers and letters";
    this.fields["state"].message = "Use 2 letter abbreviation.";
    this.fields["postal"].message = "6 numbers or letters";
    this.fields["zip"].message = "Use 5 or 9 digit ZIP code.";
    this.fields["tele"].message = "Use 999-999-9999 format.";
    

    // Field error messages
    this.fields["username"].required = "Username is required.";
    this.fields["username"].tooShort = ["Username must be at least 4 numbers and/or letters.", 4];
    this.fields["username"].isUsername = "Username must contain numbers and letters";
    this.fields["fname"].isName = "First name can only contain letters"
    this.fields["lname"].isName = "Last name can only contain letters"
    this.fields["email"].required = "Email is required.";
    this.fields["email"].isEmail = "Email is not valid.";
    this.fields["password"].required = "Password must be 4 or more letters and 2 or more numbers.";
   	this.fields["password"].isPassword = ["Password must be 4 or more letters and 2 or more numbers"];
    this.fields["state"].isState = "State is not valid.";
    this.fields["zip"].isZip = "ZIP Code is not valid.";
    this.fields["province"].isProvince = "Province is not valid.";
    this.fields["postal"].isPostal = "Postal Code is not valid.";
    this.fields["tele"].isPhone = "Phone number is not valid.";
    this.success = "You have successfully joined. We're happy to have you as a member."
}

// Validation methods
JoinForm.prototype.tooShort = function (text, length) {
    return (text.length < length);
}

JoinForm.prototype.matches = function (text1, text2) {
    return (text1 == text2);
}

JoinForm.prototype.isUsername = function(text){
        return /^[a-zA-Z0-9]{4}[a-zA-Z]*?$/.test(text);
}
JoinForm.prototype.isPassword = function (text) {
    return /^(?=.*[a-zA-Z])(?=.*[0-9])/.test(text);
}
JoinForm.prototype.isName = function(text){
        return /^[a-zA-Z]*$/.test(text);
}
JoinForm.prototype.isEmail = function (text) {
    if (text.length == 0) return false;
    var parts = text.split("@");
    if (parts.length != 2 ) return false;
    if (parts[0].length > 64) return false;
    if (parts[1].length > 255) return false;
    var address =
        "(^[\\w!#$%&'*+/=?^`{|}~-]+(\\.[\\w!#$%&'*+/=?^`{|}~-]+)*$)";
    var quotedText = "(^\"(([^\\\\\"])|(\\\\[\\\\\"]))+\"$)";
    var localPart = new RegExp( address + "|" + quotedText );
    if ( !parts[0].match(localPart) ) return false;
    var hostnames =
        "(([a-zA-Z0-9]\\.)|([a-zA-Z0-9][-a-zA-Z0-9]{0,62}[a-zA-Z0-9]\\.))+";
    var tld = "[a-zA-Z0-9]{2,6}";
    var domainPart = new RegExp("^" + hostnames + tld + "$");
    if ( !parts[1].match(domainPart) ) return false;
    return true;
}

JoinForm.prototype.isCountry = function(country){
	    return true;
}

JoinForm.prototype.isState = function (text) {
    var states = new Array(
        "AL", "AK", "AZ", "AR", "CA", "CO", "CT", "DE", "DC", "FL",
        "GA", "HI", "ID", "IL", "IN", "IA", "KS", "KY", "LA", "ME",
        "MD", "MA", "MI", "MN", "MS", "MO", "MT", "NE", "NV", "NH",
        "NJ", "NM", "NY", "NC", "ND", "OH", "OK", "OR", "PA", "RI",
        "SC", "SD", "TN", "TX", "UT", "VT", "VA", "WA", "WV", "WI", "WY");
    for( var i in states ) {
        if ( text == states[i] ) {
            return true;
        }
    }
    return false;
}

JoinForm.prototype.isProvince = function (text) {
    var provinces = new Array(
        "BC", "AB", "SK", "MB", "ON", "QB", "PE", "NS", "NF", "NB",
        "YK", "NV", "NW" );
    for( var i in provinces ) {
        if ( text == provinces[i] ) {
            return true;
        }
    }
    return false;
}

JoinForm.prototype.isPostal = function (text) {
    return /^[a-zA-Z]\d[a-zA-Z] ?\d[a-zA-Z]\d$/.test(text);
}

JoinForm.prototype.isZip = function (text) {
    return /^\d{5}(-\d{4})?$/.test(text);
}

JoinForm.prototype.isPhone = function (text) {
    if(text !=''){
        return(/^\d{3}-\d{3}-\d{4}$/.test(text));
    } else{
        return true;
    }
}

JoinForm.prototype.validateField = function (fieldName, text) {
    var field = this.fields[fieldName];
    if (field.required) {
        if ( this.tooShort(text,1) ) {
            throw new Error(field.required);
        }
    }
    if (field.tooShort) {
        if ( this.tooShort(text, field.tooShort[1]) ) {
            throw new Error(field.tooShort[0]);
        }
    }
    // Check if password is valid
    if(field.isPassword){
		 if (! this.isPassword(text, field.isPassword[0].value) ) {
		            throw new Error(field.isPassword[0]);
        }
	}
    if (field.noMatch) {
        if ( ! this.matches(text, $s(field.noMatch[1]).value ) ) {
            throw new Error(field.noMatch[0]);
        }
    }
    if(field.isUsername){

        if ( ! this.isUsername(text) ) {
            throw new Error(field.isUsername);
        }
    }
    if (field.isEmail) {
        if ( ! this.isEmail(text) ) {
            throw new Error(field.isEmail);
        }
    }
    if (field.isFname) {
        if ( ! this.isFname(text) ) {
            throw new Error(field.isFname);
        }
    }
    if (field.isLname) {
        if ( ! this.isLname(text) ) {
            throw new Error(field.isLname);
        }
    }
    if(field.isCountry){
             if ( ! this.isCountry(text) ) {
                throw new Error(field.isCountry);
            }
    }
    if(fieldName == "state" && text != ''){
        if ( ! this.isState(text) ) {
            throw new Error(field.isState);
        }
    }
    if(fieldName == "zip" && text != ''){
        if ( ! this.isZip(text) ) {
            throw new Error(field.isZip);
        }
    }
    if(fieldName == "province" && text != ''){
        if ( ! this.isProvince(text) ) {
            throw new Error(field.isProvince);
        }
    }
    if(fieldName == "postal" && text != ''){
        if ( ! this.isPostal(text) ) {
            throw new Error(field.isPostal);
        }
    }
    if (field.isPhone) {
        if ( ! this.isPhone(text) ) {
            throw new Error(field.isPhone);
        }
    }
}

// Error message methods
JoinForm.prototype.resetErrors = function () {
    var message;
    for ( var fieldName in this.fields ) {
        $s(fieldName + "_error").className = "";
        message = this.fields[fieldName].message;
        $s(fieldName + "_error").firstChild.nodeValue =
            ( message ) ? message : "";
    }
}
// Set default messages
JoinForm.prototype.setMessages = function () {
    var message;
    for ( var fieldName in this.fields ) {
        $s(fieldName + "_error").className = "";
        message = this.fields[fieldName].message;
        if(message == undefined){
        	message = "";
        }
        $s(fieldName + "_error").firstChild.nodeValue = message;
    }
}
JoinForm.prototype.clearError = function ( fieldName ) {
    if(fieldName){
    $s(fieldName + "_error").className = "";
    $s(fieldName + "_error").firstChild.nodeValue = "";
    }
}

// Method to validate form
JoinForm.prototype.validateForm = function () {
    var hasErrors = false;
    var error_count = 0;
    for ( var fieldName in this.fields ) {
        this.clearError(fieldName);
        try {
            this.validateField(fieldName, $s(fieldName).value );
        } catch (error) {
            error_count++;
            hasErrors = true;
            $s(fieldName + "_error").className = "error";
            // Uncomment the following if statement to add an ARIA alert to the error message
            // Only the last alert is read, so limit alerts to the first error
            // so it matches with focus sent to the first message
            //if(error_count == 1){
            //	$s(fieldName + "_error").setAttribute("role", "alert");
            //}
            $s(fieldName + "_error").firstChild.nodeValue = error.message;
            if(error_count == 1){
            	$s(fieldName).focus();
            }
        }
    	
    }
    error_count = 0;
    if(hasErrors === false){
    	$s("feedback").style.display = "inline-block";
        $s("feedback").firstChild.nodeValue = this.success;
        $s("feedback").className = "feedback";
       // Uncomment the next line to add an ARIA alert to the feedback message
       // $s("feedback").setAttribute("role", "alert");
    }
    return hasErrors;
}