Revision: 24031
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
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