function ValidateForm(formElement) {
	// get a collection of inputs that require validation.
	var inputs = $(formElement).find('.validate');
	if(!inputs){
		return;
	}
	
	// read 'pattern' attribute to get regular expression and test input value.
	for(var i = 0; i < inputs.size(); i++) {
		var value = $(inputs[i]).val();
		var pattern = $(inputs[i]).attr('pattern');
		var isValid = value.match(pattern);
		if(!isValid) {
			ToggleErrorMessage($(inputs[i]), true);
		} else {
			formElement.submit();
		}
	}
}

/*--------------------------------------------*/
/*	Toggles the validation error message on or off.
* 	@params:
*		(element) inputElement: The input associated with the error message.
* 		(bool) show: Used to tell function to toggle on or off.
/*--------------------------------------------*/
function ToggleErrorMessage(inputElement, show) {
	if(show) {
		// build the error message element and append it, so it isn't in the source by default.
		var errorMessage = document.createElement('span');
		errorMessage.innerHTML = 'Invalid. Please re-enter.';
		$(errorMessage).addClass('error');
		$(inputElement).after(errorMessage);
	} else {
		// remove the error message span from the page.
		var errorMessage = $(inputElement).next('.error');
		if(errorMessage) {
			$(errorMessage).detach();
		}
	}
}