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.
|
1 |
yarn add VeeValidate |
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.
