
mi duda es la siguiente
tengo un formulario que no deja pasar a menos que llenes los 3 campos, y debajo del formulario te pinta que campo esta vacio,lo que no logro hacer es pintar cada campo vacio,
aclaro que a los campos les puse una clase y con la funcion each recorro cada inout para saber si esta vacio o no y ya con un for imprimo el que este vacio,
este es mi codigo
$(document).ready(function(){
$("#formulario").submit(function(event){
var vacio=0;
arr = new Array();
a=0;
$(".obligatorio").each(function(){
var datos = $(this).val();
if(datos == ''){
vacio=1;
var msg = $(this).attr("name");
//alert (msg);
arr[a]=msg;
a++;
}
});
$("#respuesta").empty();
if(vacio){
for(i=0; i<arr.length; i++){
$("#respuesta").fadeIn().append("<span>El campo <strong>" + arr[i] + "</strong> esta vacio</span> ");
//do{
//alert(i);
//} while(arr[i]);
}
//$("#respuesta").fadeOut(1500);
return false;
}
event.preventDefault();
$("#carga").fadeIn();
var url = $(this).attr('action');
var datos = $(this).serialize();
$.get(
url,
datos,
function(resultado)
{
success:
$('#respuesta').fadeIn().html(resultado).delay(200 0).fadeOut();
$("#carga").fadeOut(200);
//alert(resultado);
});
});
});
y este es el ejemplo
http://sectornetcancun.com/jquery/form/
saludos