Posted By

alvincrespo on 02/19/10

Tagged

Versions (?)

Last Edited at 02/19/10 03:12am

Statistics

Viewed 767 times

Favorited by 0 user(s)

Related snippets

Javascript OOP Form Validator

/ Published in: JavaScript

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

Highlighted TextExpand

/*
	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);
	}
}

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.