marcar campos vacios

[gustavopino]

Has esto primero una funcion con un switch/case con con todas las variables yo lo hice en jquery pero lo puedes modificar:

Código Javascript:

function checkFieldTask (aFieldName) {        
var bool = true;        
switch (aFieldName) {                
                
case "nombre":                        
if ($("#"+aFieldName).val()=="") {                                
failField(aFieldName,"Nombre(s) es obligatorio.");
error();
bool = false;                        
} else {                                
passField(aFieldName);                        
}                        
break;
case "correo":                        
if ($("#"+aFieldName).val()=="") {
failField(aFieldName,"Correo electrónico es obligatorio.");
error();                                 
bool = false;                        
} else {
    var valor = document.getElementById("correo").value;
    if(!/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test($("#"+aFieldName).val()))
 
{
    failField(aFieldName,"Introduzca un correo electrónico válido.");
    bool = false;   
}else{
passField(aFieldName);
}
}                        
break;
case "mensaje":                        
if ($("#"+aFieldName).val()=="") {                                
failField(aFieldName,"Mensaje es obligatorio.");
error();
bool = false;                        
} else {                                
passField(aFieldName);                        
}                        
break;
}        
return bool;
}
 

Luego haces estas funciones para imprimir los errores:

Código Javascript:

function failField (aFieldName,msg) {        
$("#form_alert_"+aFieldName+"_msg").remove();       
$("#"+aFieldName).after(alertMsgHTML(aFieldName,msg));
}
//esta function es para agregar en html el mensaje de error 
function alertMsgHTML (aFieldName, msg) {        
$('<li id="form_alert_'+aFieldName+'_msg"></li>').appendTo('#lista').html(msg);
//return '<div id="form_alert_'+aFieldName+'_msg" class="error">'+msg+'</div>';
}
 

Luego agrega esta funcion para remover las etiqueta de error:

Código Javascript:

function passField (aFieldName) {        
$("#form_alert_"+aFieldName+"_msg").remove();
}
 

y por ultimo has esta funcion para validar todos los campos del formulario:

Código Javascript:

function checkField (aField) {        
return checkFieldTask(aField.name);
}
function checkForm (aForm) {        
var bool = true;        
for (var i=0; i < aForm.elements.length; i++) {                
if(!checkFieldTask(aForm.elements[i].name)) {                        
bool = false;                
}        
}        
if (bool) {                               
// si bool es true envio el formulario
document.f.submit();
$('#subbtn').css("display","block");
$('#subbtn').attr("disabled","disabled");
$('#t').html("Enviando...");
} else {
// si bool el false                
failField("subbtn","Por favor resuelva este error antes de continuar.");
}
return bool;
}
 

Ten encuenta que jquery es lo mismo que javascript asi que puedes modificar este codigo a tu antojo y que este codigo es un ejemplo para que te guies