Archivo

Archive for 2 enero 2011

Validar Input dinámico con Jquery

enero 2, 2011 8 comentarios

Seguido del post de agregar un input dinamicamente, para enviarlo a nuestro php/asp/jsp, etc siempre es necesario hacer una validación con Javascript para esto crearemos una función que nos valide si el campo es vació (ustedes pueden crear cuantas validaciones necesiten),

Tendremos algo así:

function validarCampos(){
var $inputs = $('#form :input'); // Obtenemos los inputs de nuestro formulario
var formvalido = true; // Para saber si el form esta vacio 

$inputs.each(function() {  // Recorremos los inputs del formulario (uno a uno)
if(!isEmpty($(this).val())){ // Verificamos que el input este vacio 
$(this).css('background','red'); // Agregamos un fondo rojo si este esta vacio
formvalido = false;
}else{
$(this).css('background',''); // quitamos el fondo rojo si este esta lleno
}
});

return formvalido; // retornamos segun corresponda
}

/*
* Funcion que valida que un campo sea completado
* @retun bool
*/
function isEmpty(val){
if(jQuery.trim(val).length <= 0)
	return false;
return true;
}

El código está bastante comentado si quedan dudas pueden consultar, para la próxima veremos como enviar el formulario a PHP y guardarlo en una base de datos Mysql.

Dejo el código fuente como de costumbre en el link:
http://www.megaupload.com/?d=0M67I8L8

Anuncios
Categorías:html, jquery