// JavaScript Document - Validate Input from Atlanticalano.info



// adopted from http://www.webcheatsheet.com/javascript/form_validation.php

function validateFormOnSubmit(theForm) {
//var reason = "";
var reasonName = "";
var reasonEmail = "";
var reasonPhone = "";

  reasonName += validateUsername(theForm.name);
//  reason += validatePassword(theForm.pwd);
  reasonEmail += validateEmail(theForm.email);
  reasonPhone += validatePhone(theForm.phone);
//  reason += validateEmpty(theForm.from);
    
  if(reasonName != "" || reasonEmail != "" || reasonPhone != "") {  
    if (reasonName != "") {
//      alert("Some fields need correction:\n" + reasonName);
	  document.getElementById("pname").innerHTML="required";
	  document.getElementById("pname").style.color="red";
	  document.getElementById("pname").style.fontFamily="arial";
	  document.getElementById("pname").style.fontSize="11";
//      return false;
    }

    if (reasonEmail != "") {
//      alert("Some fields need correction:\n" + reasonEmail);
	  document.getElementById("pemailaddress").innerHTML="required";
	  document.getElementById("pemailaddress").style.color="red";
	  document.getElementById("pemailaddress").style.fontFamily="arial";
	  document.getElementById("pemailaddress").style.fontSize="11";
//      return false;
    }


    if (reasonPhone != "") {
//      alert("Some fields need correction:\n" + reasonPhone);
	  document.getElementById("pphonenumber").innerHTML="required";
	  document.getElementById("pphonenumber").style.color="red";
	  document.getElementById("pphonenumber").style.fontFamily="arial";
	  document.getElementById("pphonenumber").style.fontSize="11";
//      return false;
    }
   return false;
  }

    return true;
}






function validateEmpty(fld) {
    var error = "";
 
    if (fld.value.length == 0) {
        fld.style.background = '#99CCFF'; 
        error = "The required field has not been filled in.\n"
    } else {
        fld.style.background = 'White';
    }
    return error;  
}





function validateUsername(fld) {
    var error = "";
    var illegalChars = /\W/; // allow letters, numbers, and underscores
 
    if (fld.value == "") {
        fld.style.background = '#99CCFF'; 
        error = "You didn't enter a username.\n";
	
    } else if ((fld.value.length < 2) || (fld.value.length > 25)) {
        fld.style.background = '#99CCFF'; 
        error = "The username is the wrong length.\n";
	
    } 
/*     else if (illegalChars.test(fld.value)) {
        fld.style.background = 'Yellow'; 
        error = "The username contains illegal characters.\n";
	
    } */
      else {
        fld.style.background = 'White';
	document.getElementById("pname").innerHTML="";
    }
    return error;
}





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 = '#99CCFF';
        error = "You didn't enter an email address.\n";
	
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = '#99CCFF';
        error = "Please enter a valid email address.\n";
	
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = '#99CCFF';
        error = "The email address contains illegal characters.\n";

    } else {
        fld.style.background = 'White';
	document.getElementById("pemailaddress").innerHTML="";
    }
    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 = '#99CCFF';
	
    } else if (isNaN(parseInt(stripped))) {
        error = "The phone number contains illegal characters.\n";
        fld.style.background = '#99CCFF';
	
    } else if (!(stripped.length == 10)) {
        error = "The phone number is the wrong length. Make sure you included an area code.\n";
        fld.style.background = '#99CCFF';
      }
      else {
        fld.style.background = 'White';
	document.getElementById("pphonenumber").innerHTML="";
    }
	
    
    return error;
}