Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/01/2011, 13:13
1gabrielvc
 
Fecha de Ingreso: enero-2011
Mensajes: 1
Antigüedad: 13 años, 3 meses
Puntos: 0
pintar inpus vacios con jquery

Chispas no se si es el for adecuado pero tengo una duda en jquery, que conste que soy nuevo

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