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

comment ¿Que opinas?

Artículos recientes

close

Converse renueva su identidad con un nuevo logotipo

Las tendencias actuales del diseño van alcanzando a todas las marcas; inclusive a aquellas más conservadoras que se aferran a la negativa de un diseño minimalista. Estas tendencias han alcanzado a Converse; una de las…

close

Recursos: Fuentes minimalistas para descargar gratis

El día de hoy quiero compartir con ustedes unos cuantos recursos tipográficos para su próximo proyecto; se trata de algunas fuentes de estilo minimalista que podrás descargar totalmente gratis a través de diferentes sitios. Sin…

close

Fotógrafo ofrece $1000 dólares de recompensa para recuperar memorias con fotos de una boda

  Amanda Tung una fotografa de San Francisco, Estados Unidos ha ofrecido un recompensa de $1,000 dólares a quien le devuelva las tarjetas SD que contienen fotografías de una boda en la cual trabajo el 17 de Julio…

close

Ilustración: Mayweather vs McGregor por Yann Dalon

Miren estas fantásticas ilustraciones realizadas por el diseñador Yann Dalon inspirada en la pelea entre Floyd Mayweather vs Conor McGregor que se celebrara el próximo 26 de Agosto, quizás no te interese en lo más minimo…

close

66 Smart Words, proyecto de ilustraciones tipográficas por Bachir Bachchar

El ilustrador y amante de la tipografía Bachir Bachchar con sede en Marruecos; ha realizado un interesante proyecto tipográfico que emana dedicación. 66 Smart Words es en conjunto una serie de ilustraciones tipográficas realizadas para…

close

Lista de estrenos Netflix para agosto 2017

Como cada mes Netflix renueva y amplia su catálogo en cada uno de sus territorios; donde presenta nuevos contenidos y series originales, las cuales vale la pena ver; en segunda parte del 2017 Netflix por…

notifications Recién publicamos
close