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

Mockups PSD de teléfonos gratis

Obra del diseñador Allan Ingwersen es que el día de hoy quiero compartir con ustedes estos geniales Mockups de teléfonos. Mimos que podrás utilizar de manera gratuita ya que el Ingwersen los ha compartido para todos los que gusten…

close

Esculturas fotográficas en relieve por Stefanie Herr

De origen alemán la artista y arquitecta Stefanie Herr nos sorprende con estas increíbles obras de arte; mismas que la autora denomina como esculturas fotográficas. Estas esculturas en relieve fueron hechas a mano por Herr; por…

close

eBook: 100 ideas que cambiaron el diseño gráfico

100 ideas que cambiaron el diseño gráfico una recomendación de lectura para entender la evolución del diseño El día de hoy quiero compartir con ustedes una recomendación de lectura que puede ser de tu interes…

close

Stop the Violence, una perturbadora serie artística creada a partir de huesos

El fotógrafo y artista François Robert tiene una afición por los huesos humanos; lo que lo convierte en alguien particular y lo hace evidente con esta perturbadora serie artística. Stop The Violence, es una serie fotografica y…

close

play_circle_outline ¿Que es la apertura?, una animación que explica un principio básico de la fotografía

La fotografía es una de esas actividades que encantan a los amantes de la creatividad y la inspiración; no obstante, practicarla requiere más que el conocimiento de como tomar una fotografía. Es por eso, que…

close

Mockups PSD para productos de comida rápida

El día de hoy comparto con ustedes unos cuantos recursos ideales para realizar el branding de una empresa dedicada al ramo de la comida rápida. Estos Mockups en formato PSD son totalmente gratis; y podrás descargarlo…

notifications Recién publicamos
close