10 plugins jQuery para validar formularios

Publicado por Soy Larry
hace 6 años

Cuando creamos formularios web, es necesario aplicar ciertas funciones sobre estos formularios para corroborar que toda la información completada por el usuario sea válida. Estas funciones actúan sobre cada campo en el que el usuario rellena información. Las validaciones juegan el papel más importante a la hora de crear cualquier formulario. Pero hoy en día, existen un montón de plugins jQuery disponibles para facilitarnos la tarea, que nos permiten crear formularios en cuestión de minutos.<br />Hoy veremos algunos plugins jQuery muy útiles de validación de formularios para programadores. Espero les pueda servir para futuros proyectos. Vamos con la lista!<br /> <br /><h3>1) Progression</h3>Sitio web: <a href="http://git.aaronlumsden.com/progression/" rel="nofollow">http://git.aaronlumsden.com/progression/</a><br />Este es un plugin jQuery que le da a los usuarios algunos consejos en tiempo real a medida que avanzan completando el formulario.<br /><br /><h3>2) Parsleyjs</h3>Sitio web: <a href="http://parsleyjs.org/" rel="nofollow">http://parsleyjs.org/</a><br />La última librería para validar formularios en javascript.<br /><br /><h3>3) Smart Validate</h3>Sitio web: <a href="http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/" rel="nofollow">http://www.egrappler.com/jquery-credit-card-validation-plugin-smart-validate/</a><br />Smart Validate es un plugin para validar tarjetas de crédito, que hace de ésta una tarea muy sencilla. Se asegura de que el usuario haya ingresado un número de tarjeta de crédito válida antes de realizar cualquier tipo de transacción.<br /><br /><h3>4) Quick Validation</h3>Sitio web: <a href="http://sandbox.nikorablin.com/quickValidation/" rel="nofollow">http://sandbox.nikorablin.com/quickValidation/</a><br />Una librería sencilla de utilizar con mensajes de error del tipo modal.<br /><br /><h3>5) jquery-form-validator</h3>Sitio web: <a href="https://github.com/posabsolute/jQuery-Validation-Engine" rel="nofollow">https://github.com/posabsolute/jQuery-Validation-Engine</a><br />Las validaciones van desde direcciones de correo, teléfonos y URL hasta procedimientos y llamadas ajax más complejas. Incluído en varios lugares, los mensajes de error pueden ser traducidos fácilmente.<br /><br /><h3>6) validator</h3>Sitio web: <a href="https://github.com/yairEO/validator" rel="nofollow">https://github.com/yairEO/validator</a><br />Basado en jQuery, Validator funciona en la mayoría de los navegadores y nos da la posibilidad de utilizar los campos HTML más recientes como: tel, email, number, date y url. Puede ser considerado también como una plantilla para crear formularios web.<br /><br /><h3>7) validatr</h3>Sitio web: <a href="http://jaymorrow.github.io/validatr/" rel="nofollow">http://jaymorrow.github.io/validatr/</a><br />Esta librería utiliza validaciones nativas cada vez que sea posible, utilizando algo de Modernizr para comprobar las compatibilidades. <span xml:lang="es" lang="es"><span class="hps">Si</span> <span class="hps">un tipo de entrada</span> <span class="hps">no es compatible o</span> se encuentra<span class="hps"> una</span> <span class="hps">prueba personalizada</span> <span class="hps">Validatr</span> <span class="hps">utilizará</span> <span class="hps">su propio</span> <span class="hps">conjunto de reglas</span> <span class="hps">para completar</span> <span class="hps">la validación</span> <span class="hps">nativa.</span> <span class="hps">En cualquier caso</span><span>, se muestra el</span> <span class="hps">mensaje de validación</span> <span class="hps">de manera</span> <span class="hps">cross-browser</span> permitiendo una<span class="hps"> personalización.</span></span><br /><br /><h3>8) happyjs</h3>Sitio web: <a href="http://happyjs.com/" rel="nofollow">http://happyjs.com/</a><br />Es un plugin de validación muy ligera para jQuery o Zepto.js<br /><br /><h3>9) jQuery.formvalidate</h3>Sitio web: <a href="https://github.com/vmichnowicz/jquery.formvalidate" rel="nofollow">https://github.com/vmichnowicz/jquery.formvalidate</a><br />Es otro plugin para validar nuestros formularios. Las reglas de validación puden ser tomadas desde los atributos "data" de los campos HTML5. Sin dudas es muy útil por este último aspecto.<br /><br /><h3>10) Validity</h3>Sitio web: <a href="http://validity.thatscaptaintoyou.com/" rel="nofollow">http://validity.thatscaptaintoyou.com/</a><br />Es un plugin muy sencillo de implementar y nos brinda un código final limpio y legible.<br /><br />Bueno. Ese fue todo el aporte. Espero les sirve :D Saludos a todos.<br />