jQuery Form Validation

jQuery From Validation es un plugin muy simple de usar en el que se utilizan data attributes para definir las reglas de validación y mensajes específicos en el caso que se deseen cambiar los que vienen por defecto. Ej:

<input type="text" name="username" class="validate" data-rules="required|minlength[4]" />

Usando esta regla se indica que el campo es requerido y que tiene que tener al menos 4 caracteres de longitud sino se lo considerara invalido.

También se pueden definir mensajes especiales como se menciono anteriormente de la siguiente manera:

<input type="text" name="username" class="validate" data-rules="required|minlength[4]" data-message="El nombre de usuario deber tener al menos 4 caracteres."/>

En si el plugin es muy fácil de usar. Tiene, por el momento, solo 4 configuraciones y 2 callbacks accesibles por el usuario que son ejecutados cuando el campo es valido o invalido, y 2 callbacks que se ejecutan cuando todo el formulario es valido o todo el formulario es invalido.

$('.validate').validate({
	onInvalid: function(el, msg){
		alert(msg);
	},
	onValid: function(el){
	},
	onSuccess: function(){
		alert("Success! Let's submit the form.");
	},
	onError: function(){
		alert("The form didn't passed the validation.");
	}
});

Como si fuera poco también cuenta con un simple sistema de idiomas para los mensajes de error.

El plugin con los ejemplos lo pueden descargar de aquí: https://github.com/seinoxygen/jquery-validation

Y en caso de encontrar un bug o querer algúna función en especial pueden hacerlo aquí.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *