// Form Validation Script
// Curteousy of http://www.webcheatsheet.com/javascript/form_validation.php
//Set Yellow Required Bg's

function validateFormOnSubmit(theForm) {
var reason = "";

  reason += validateEmail(theForm.email);
  reason += validatePhone(theForm.phone);
  reason += validateEmpty(theForm.name);
	  
  if (reason != "") {
	alert("Please correct the errors below:\n" + reason);
	return false;
  }

  return true;
}
	
	
function trim(s)
{
  return s.replace(/^\s+|\s+$/, '');
}

function validateEmail(fld) {
    var error="";
    var tfld = trim(fld.value);                        // value of field with whitespace trimmed off
    var emailFilter = /^[^@]+@[^@.]+\.[^@]*\w\w$/ ;
    var illegalChars= /[\(\)\<\>\,\;\:\\\"\[\]]/ ;
   
    if (fld.value == "") {
        fld.style.background = '#ffa2a2';
		makeTextRed(fld);
        error = "You didn't enter an email address.\n";
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = '#ffa2a2';
		makeTextRed(fld);
        error = "Please enter a valid email address.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = '#ffa2a2';
		makeTextRed(fld);
        error = "The email address contains illegal characters.\n";
    } else {
        fld.style.background = 'White';
		var textele = document.getElementById(fld.name);
		textele.style.color = '#222222';
    }
    return error;
}

function validatePhone(fld) {
    var error = "";
    var stripped = fld.value.replace(/[\(\)\.\-\ ]/g, '');    

   if (fld.value == "") {
        //error = "You didn't enter a phone number.\n";
        //fld.style.background = '#ffa2a2';
		//makeTextRed(fld);
    } else if (isNaN(parseInt(stripped))) {
        error = "The phone number contains illegal characters.\n";
        fld.style.background = '#ffa2a2';
		makeTextRed(fld);
    } else if (!(stripped.length == 10)) {
        error = "The phone number is the wrong length. Make sure you included an area code.\n";
        fld.style.background = '#ffa2a2';
		makeTextRed(fld);
    } else {
        fld.style.background = 'White';
		var textele = document.getElementById(fld.name);
		textele.style.color = '#222222';
    }
    return error;
}

function validateEmpty(fld) {
    var error = "";
 
    if (fld.value.length == 0) {
        fld.style.background = '#ffa2a2';
		makeTextRed(fld);
        error = "The " + fld.name + " field is required.\n"
    } else {
        var textele = document.getElementById(fld.name);
		textele.style.color = '#222222';
		fld.style.background = 'White';
		
    }
    return error;  
}

function makeTextRed(fld) {
	var fieldtxt = document.getElementById(fld.name);
	fieldtxt.style.color = '#b20f0f';
}