Plugin de validación de formularios jQuery animados – jquery.formValid

Si deseas aplicar la validación del lado del cliente en un formulario HTML, en esta publicación vamos a compartir un complemento de validación de formulario jQuery animado rápido y simple: jquery.formValid. Este plugin te ayudará a aplicar la validación del lado del cliente en tus formularios basado en web, usando los métodos  Onkeyup y / o submit,  con tan solo algunas líneas de código podrás  mostrar mensajes de error animados cuando los campos de formulario no son válidos, dichos mensajes se deslizan hacia abajo usando animaciones de CSS3.  jquery.formValid tiene 6 reglas de validación que son súper fáciles de integrar en tu formulario HTML.

Integrar el plugin de validación de formularios jQuery animado

Librerías:  El plugin jQuery Form Validation depende de la biblioteca central jQuery,  lo deben incluir primero, después de eso, agrega complementos CSS y Js lib.

HTML: A continuación, se muestra el formulario HTML que de muestra y se aplica para la validación en los campos requeridos. Puede Agregar el atributo de campo de datos “required” a tus campos de entrada del formulario. El elemento de mensaje válido se usa para agregar el mensaje de error cuando el campo de entrada del formulario no es válido.

JavaScript: Finalmente, se llama al plugin y se aplica la validación del formulario animado en los campos del formulario.

Mira la demostración en vivo y descarga el código fuente.

DEMO DESCARGAR 

Visita el repositorio oficial de Github para más información y  para futuras actualizaciones. No olvides leer la licencia para usar este plugin en tus proyectos.

Anuncios