Del curso: Vue.js esencial

Accede al curso completo hoy mismo

Únete hoy para acceder a más de 23.200 cursos impartidos por expertos del sector.

Validando un formulario en Vue.js con Vuelidate

Validando un formulario en Vue.js con Vuelidate - Tutorial de Vue.js

Del curso: Vue.js esencial

Validando un formulario en Vue.js con Vuelidate

En este ejemplo que puedes ver aquí, yo estoy utilizando la librería Vuelidate para poder validar este formulario. Puedes notar que el formulario tiene varios campos requeridos y algunos requieren validar su formato, como, por ejemplo, el Correo electrónico. Aquí puedes ver que cuando yo escribo algún texto y luego lo borro, recibo un mensaje de error. Esto significa que cada uno de los campos de texto que son requeridos son validados individualmente. Igual sucede con el Correo electrónico. Puedes notar que yo estoy recibiendo un mensaje porque el texto no tiene el formato correcto de un correo electrónico. Igual recibo mensaje si pongo texto y luego lo elimino, ya que este es un campo requerido. Igual sucede con Nombre, con Apellido y demás. Aquí en el código del ejemplo, te voy a mostrar qué sencillo es poder agregar la validación a un formulario utilizando esta librería. Para poder utilizar la librería, primero deberías instalarla en una aplicación. Puedes utilizar el CLI de Vue…

Contenido