function validateFormOnSubmit(theForm) {

var reason = "";
  reason = validateEmail(theForm.username);

  reason += validateEmpty(theForm.password);
  
   if (reason != "") 
   {
  		alert(reason);
    	return false;
   }  
  
  return true;
}

function validateEmpty(fld) {
    var error = "";
    if (fld.value.length == 0) {
        fld.style.background = '#ECF1F4'; 
        error = fld.name +" field has not been filled in.\n"
    } else {
        fld.style.background = 'White';
    }
    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 = '#ECF1F4';
        error = "You didn't enter an email address.\n";
		return error;
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = '#ECF1F4';
        error = "Please enter a valid email address.\n";
		return error;
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = '#ECF1F4';
        error = "The email address contains illegal characters.\n";
		return error;
    } else {
        fld.style.background = 'White';
		return error;
    }
}

