$(document).ready(function(){
	//All names of required fields here.
	required = ["uname", "ucontact", "uphone", "uaddress"];
	//Email rquired
	uemail = $("#uemail");
	errornotice = $("#error");
	//Message show up in input box
	emptyerror = "Required field.";
	emailerror = "Invalid e-mail.";

	$("#theform").submit(function(){	
		//Validate required fields
		for (i=0;i<required.length;i++) {
			var input = $('#'+required[i]);
			if ((input.val() == "") || (input.val() == emptyerror)) {
				input.addClass("required");
				input.val(emptyerror);
				errornotice.fadeIn(750);
			} else {
				input.removeClass("required");
			}
		}
		// Validate the e-mail.
		if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(uemail.val())) {
			uemail.addClass("required");
			uemail.val(emailerror);
		}

		//if any inputs on the page have the class 'required' the form will not submit
		if ($(":input").hasClass("required")) {
			return false;
		} else {
			errornotice.hide();
			return true;
		}
	});
	
	// Clears any fields in the form when the user clicks on them
	$(":input").focus(function(){		
	   if ($(this).hasClass("required") ) {
			$(this).val("");
			$(this).removeClass("required");
	   }
	});
});