Agregar estilos y validaciones a formularios con jQuery

Formly es un plugin jQuery que podríamos definir como un todo en uno. Por un lado vamos a tener la potencia de jQuery a la hora de validar formularios, y por otro, la versatilidad que presenta este framework a la hora de aplicar estilos de forma dinámica.

formulario validado y estilizado con jQueryFormly es un plugin muy liviano, en su versión extendida pesa 17kb, mientras que en su versión comprimida solo unos 14kb, un peso muy aceptable para las funcionalidades que brinda.

Este plugin jQuery, a diferencia de otros plugins que simplemente validan, brinda un método por el cual podemos estilizar un formulario con tan solo referir su identificador como parámetro.

Una gran ventaja de utilizar este plugin es que nos permite mantener muy limpio nuestro código, los formularios solo deben tener los elementos imprescindibles que lo componen, luego el plugin por su parte hace el resto.

Para validar los campos tan solo agregamos el tag require = true, en caso de necesitar comparar dos campos distintos, caso que vemos muy seguidos en campos que piden reingresar una contraseña, simplemente vamos a utilizar Match, asignado el nombre del campo a comparar.

Ejemplo de uso:

<script>
$(document).ready(function()
{ $('#MyForm').formly(); });
</script>

Los comandos que utiliza este plugin para funcionar son los siguientes:

label : (string) useful for notifications
place : (string) place holder
pre-fix : (string) pretty self-explanatory
require : (true or false) force user input
match : (string) name of input that it must match
validate : (string) 'email' or 'http'

Web del plugin: Formly

Categorizado en: