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

Diseñador crea Dadbag para quienes quieren tener pancita

Si alguna vez has deseado tener una pancita de papá suburbano quizá este producto realizado por el diseñador Albert Pukies; el cual no es más que una riñonera o bolsa de vientre que simula ser una prominente…

close

Loving Vincent: la primera película pintada a mano

Loving Vincent, es una película única en su tipo; ya que para su proceso de producción requirió más de 66,000 óleos para pintar fotograma por fotograma su historia. Esta película cuenta la historia del pintor…

close

Estrenos Netflix octubre 2017

Llega el mes de octubre y con ello nuevos estrenos en series películas como Stranger Things y Donnie Darko; las cuales se incorporará al catálogo vigente de Netflix para este décimo mes del año 2017….

close

Tipografía en alimentos por Enon Avital

El día de hoy queremos compartir con ustedes unas geniales muestras tipográficas realizadas por el diseñador Enon Avital. Esta colección ha sido realizada inspirándose en letras hebreas; esto debido a que Avital piensa que ya…

close

Desafíos para eliminar bloqueos creativos

Los temidos bloqueos creativos; son aquellos males que acosan a los diseñadores, artistas y creativos al momento de desarrollar nuevas ideas. Es por eso, que el día de hoy compartiremos una forma de eliminar aquellos…

close

Ligoteo Gamer, el Tinder para Gamers

Vagando por Internet y la Google Play nos hemos topado con una aplicación un tanto llamativa; la cual es denominada como “Ligoteo Gamer” y es desarrollada por Ligoteo Social Network. Esta aplicación es un tanto peculiar…

notifications Recién publicamos
close