Skip to main content

Validacion de formularios, in live

livevalidation

Veo en el blog de Andres una libreria (LiveValidation) mas para hacer nuestros formulario un poco mas amigables se trata de una clase en js que te permite hacer validaciones al momento de tus campos del formulario de manera muy sencilla, dando la posibilidad de hacer comprobacion de todo tipo aqui la lista de posibles validaciones:

Tambien te permite definir la accion o mensajes a ejecutar en caso de que sea validado o falle, esta bastante completa y muy recomendable.

Ejemplo:

var sayHello = new LiveValidation( "sayHello", { validMessage: "Hey there!" } );
sayHello.add( Validate.Presence,              { failureMessage: "Don't just ignore me, I wanna be your friend!" } );
sayHello.add( Validate.Format,              { pattern: /hello/i, failureMessage: "How come you've not said 'hello' yet?" } );

Este ejemplo crea lo siguiente: Valida un campo de texto con id sayHello e imprime el mensaje Hey there en caso de que la validacion sea correcta, en caso contrario imprimiria Don’t just ignore me, I wanna be your friend! , que valida? valida que lo escrito en el campo sea igual a hello en caso de que lo escrito no este correcto imprimiria How come you’ve not said ‘hello’ yet?

El codigo HTML seria:

		<p> 	          Say “hello”:<input class="LV_valid_field" id="sayHello" type="text"><span class="LV_validation_message LV_valid">Hey there!</span>

<script type="text/javascript">

var sayHello = new LiveValidation('sayHello', { validMessage: 'Hey there!' });

sayHello.add(Validate.Presence, {failureMessage: "Don't just ignore me, I wanna be your friend!"});

sayHello.add(Validate.Format, {pattern: /hello/i, failureMessage: "How come you've not said 'hello' yet?" } );

</script>

</p>

ver Ejemplos

Descargar Libreria

Corre la voz con tus amigos/contactos:

Comments are closed.

Compartir