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

  reason += validateUsername(theForm.username);
  reason += validatePassword(theForm.pwd);
  reason += validateEmail(theForm.email);
  reason += validatename(theForm.fname);
  reason += validatelname(theForm.lname);
  reason += validateaddress(theForm.address);
  reason += validatecountry(theForm.country);
  reason += validatecity(theForm.city);
  reason += validatephone(theForm.phone);
  
      
  if (reason != "") {
    alert("Some field needs to be fill up: \n"+"\n"+ reason);
    return false;
  }

  return true;
}

function validateEmpty(fld) {
    var error = "";
  
    if (fld.value.length == 0) {
        fld.style.background = 'Red'; 
        error = "The required field are need to be 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 = 'Red'; 
        error = "Username should not be empty!.\n";
    } else if ((fld.value.length < 6) || (fld.value.length > 15)) {
        fld.style.background = 'Red'; 
        error = "The Username should contain atleast 6 Characters!.\n";
    } else if (illegalChars.test(fld.value)) {
        fld.style.background = 'Red'; 
        error = "Cannot Allow illegal Characters!.\n";
    }else {
        fld.style.background = 'White';
    } 
    return error;
}

function validatePassword(fld) {
    var error = "";
    var illegalChars = /[\W_]/; // allow only letters and numbers 
	var password1 = document.forms["form1"].pwd.value;
    var password2 = document.forms["form1"].cpwd.value;
 
    if (fld.value == "") {
        fld.style.background = 'Red';
        error = "Password should not be empty!.\n";
    } else if ((fld.value.length < 4)) {
        error = "Password is to Weak! \n";
        fld.style.background = 'Red';
    } else if (illegalChars.test(fld.value)) {
        error = "The password contains illegal characters.\n";
        fld.style.background = 'Red';
    } else if (!((fld.value.search(/(a-z)+/)) && (fld.value.search(/(0-9)+/)))) {
        error = "The password must contain at least one numeral.\n";
        fld.style.background = 'Red';
    }else if(password1 != password2){
		error = "Password did not match!\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 = 'Red';
        error = "Email address should not be empty!.\n";
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = 'Red';
        error = "Please enter a valid email address.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = 'Red';
        error = "The email address contains illegal characters.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;
}


function validatename(fld) {

    var error = "";
  
    if (fld.value.length == 0) {
        fld.style.background = 'Red'; 
        error = "First Name should not be empty!.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;   
}

function validatelname(fld) {

    var error = "";
  
    if (fld.value.length == 0) {
        fld.style.background = 'Red'; 
        error = "Last Name should not be empty!.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;   
}

function validateaddress(fld) {

    var error = "";
  
    if (fld.value.length == 0) {
        fld.style.background = 'Red'; 
        error = "Address should not be empty!.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;   
}

function validatecountry(fld) {

    var error = "";
  
    if (fld.value.length == 0) {
        fld.style.background = 'Red'; 
        error = "Country should not be empty!.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;   
}

function validatecity(fld) {

    var error = "";
  
    if (fld.value.length == 0) {
        fld.style.background = 'Red'; 
        error = "City should not be empty!.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;   
}

function validatephone(fld) {

    var error = "";
  
    if (fld.value.length == 0) {
        fld.style.background = 'Red'; 
        error = "Phone should not be empty!.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;   
}