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

  reason += validateUsername(theForm.username);
  //reason += validatePassword(theForm.pwd);
  reason += validateEmail(theForm.email);
  reason += validatePhone(theForm.phone);
  reason += validateCiudad(theForm.from);
  reason += validateComentario(theForm.comentario);
      
  if (reason != "") {
    alert("Algunos campos le hace falta llenar:\n\n" + reason);
    return false;
  }
 
 //se envia email
 //alert("Todos los campos han sido llenado correctamente");

  //return false;
}
function validateEmpty(fld) {
    var error = "";
 
    if (fld.value.length == 0) {
        fld.style.background = '#DBE1DF'; 
        error = "Necesita llenar los campos obligatorios.\n"
    } else {
        fld.style.background = 'White';
    }
    return error;  
}

function validateComentario(fld) {
    var error = "";
 
    if (fld.value.length == 0) {
        fld.style.background = '#DBE1DF'; 
        error = "* Comentario\n"
    } else {
        fld.style.background = 'White';
    }
    return error;  
}


function validateCiudad(fld) {
    var error = "";
 
    if (fld.value.length == 0) {
        fld.style.background = '#DBE1DF'; 
        error = "* Ciudad\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 = '#DBE1DF'; 
        error = "* Nombre\n";
    }/* else if ((fld.value.length < 5) || (fld.value.length > 15)) {
        fld.style.background = '#DBE1DF'; 
        error = "El rango de caracteres del nombre es de 5 hasta 15 caracteres.\n";
    } else if (illegalChars.test(fld.value)) {
        fld.style.background = '#DBE1DF'; 
        error = "El nombre tiene caracteres incorrectos.\n";
    }*/ else {
        fld.style.background = 'White';
    }
    return error;
}
function validatePassword(fld) {
    var error = "";
    var illegalChars = /[\W_]/; // allow only letters and numbers 
 
    if (fld.value == "") {
        fld.style.background = '#DBE1DF';
        error = "You didn't enter a password.\n";
    } else if ((fld.value.length < 7) || (fld.value.length > 15)) {
        error = "The password is the wrong length. \n";
        fld.style.background = '#DBE1DF';
    } else if (illegalChars.test(fld.value)) {
        error = "The password contains illegal characters.\n";
        fld.style.background = '#DBE1DF';
    } 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 = '#DBE1DF';
    } 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 = '#DBE1DF';
        error = "* E-mail\n";
    } else if (!emailFilter.test(tfld)) {              //test email for illegal characters
        fld.style.background = '#DBE1DF';
        error = "Poner un E-mail valido.\n";
    } else if (fld.value.match(illegalChars)) {
        fld.style.background = '#DBE1DF';
        error = "El E-mail tiene caracteres incorrectos.\n";
    } else {
        fld.style.background = 'White';
    }
    return error;
}

function validatePhone(fld) {
 var error = "";
    var illegalChars = /\W/; // allow letters, numbers, and underscores
 
    if (fld.value == "") {
        fld.style.background = '#DBE1DF'; 
        error = "* Teléfono\n";
    } /*else if ((fld.value.length < 5) || (fld.value.length > 15)) {
        fld.style.background = '#DBE1DF'; 
        error = "El rango de caracteres del nombre es de 5 hasta 15 caracteres.\n";
    } else if (illegalChars.test(fld.value)) {
        fld.style.background = '#DBE1DF'; 
        error = "El nombre tiene caracteres incorrectos.\n";
    }*/ else {
        fld.style.background = 'White';
    }
    return error;
}
//function validatePhone(fld) {
//    var error = "";
//    var stripped = fld.value.replace(/[\(\)\.\-\ ]/g, '');    
//
//   if (fld.value == "") {
//        error = "Poner tu número de teléfono.\n";
//        fld.style.background = '#DBE1DF';
//    } else if (isNaN(parseInt(stripped))) {
//        error = "EL campo de teléfono sólo debe de ser en números.\n";
//        fld.style.background = '#DBE1DF';
//    } else if (!(stripped.length == 20)) {
//        error = "El número de telefono es demasiado largo.\n";
//        fld.style.background = '#DBE1DF';
//    }
//    return error;
//}