Return to Snippet

Revision: 24031
at February 19, 2010 03:12 by alvincrespo


Initial Code
/*
	Author: Alvin Crespo
	Date: 2/18/2010
	
	Description: Javascript Field Validation Class
*/


function ValidateFields(pFormID){
	var aForm = document.getElementById(pFormID);
	this.errArray = new Array();//error tracker
}

/*
 * ValidateEmail
 * 
 * @id - id element of the email addres
 * 
 * Validates a given email address 
 * 
 * returns nothing
 * */
ValidateFields.prototype.ValidateEmail = function(id){

	var emailVal = document.getElementById(id).value;

	//check length of email
	if(this.ValidateLength(emailVal)){
		this.errArray.push("You must provide an email.");
		return;
	}
	else{
		//do nothing
	}
		
	//check validity of the email using regex
	var regexpr = /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/;	
	var emailResult = regexpr.test(emailVal);
	
	if(!emailResult){
		this.errArray.push("Your email is invalid.");
		return;
	}
	else{
		//do nothing
	}		
}
/*
 * ValidateLength()
 * 
 * @aFieldEle - element of a field
 * 
 * Validates the length of a given element
 * 
 * returns true or false
 * */
ValidateFields.prototype.ValidateLength = function(aFieldEle){
	//check that the value is greater than 0
	if(aFieldEle.length <= 0){
		return true; //less than 0
	}
	else{
		return false; //greater than 0
	}
}

/*
 * CreateErrorList()
 * 
 * @formstatid - id of a form
 * 
 * Places the errors after the form
 * 
 * returns nothing
 */
ValidateFields.prototype.CreateErrorList = function(formstatid){
	var statList = document.getElementById(formstatid).getElementsByTagName('ul')[0];
	for(var i = 1; i<=this.errArray.length; i++){
		var aLI = document.createElement('li');
		var aLIText = document.createTextNode(this.errArray[i-1]);
		aLI.appendChild(aLIText);
		statList.appendChild(aLI);
	}
}

Initial URL


Initial Description
Just thought id put up a version of my form validation class. It will be expanded in the future but I thought Id let everyone have a look.

# Update 0.1  #
    *   Create Error List Function
    *   Validate Email Address Function
    *   Validate Length of field

Initial Title
Javascript OOP Form Validator

Initial Tags
form, javascript, validation

Initial Language
JavaScript