¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!


Desarrollar Validaciones personalizadas con Vuejs 2 y VeeValidate es tremendamente sencillo, gracias al método extend de Validator podremos hacer todo lo que necesitemos, en esta ocasión vamos a ver cómo crear una validación para que un campo de tipo password tenga cierta fortaleza.

Lo primero que debes hacer es instalar VeeValidate y configurarlo.

La configuración es muy sencilla, en nuestro caso, además, vamos a utilizar el sistema de traducciones de VeeValidate para que los mensajes aparezca en español.


Ahora vamos a crear un nuevo archivo llamado validations/password.js para extender el sistema de validaciones de VeeValidate y añadimos lo siguiente.

Es muy simple, el primer parámetro es el nombre que utilizaremos en la validación, en nuestro caso verify_password, con el método getMessage retornamos el posible mensaje de error y el método validate retorna un booleano para saber si todo ha ido bien o no.

Para utilizar esta nueva validación primero debemos añadir este script a nuestra app.

Finalmente sólo debemos utilizarlo en una template, el siguiente ejemplo es el del vídeo de más arriba.

Todos estos temas y muchos más los vemos de forma completa en los cursos de Cursosdesarrolloweb.