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 - 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
-
-
-
-
-
-
-
-
-
(Bloqueado)
Transiciones en Vue.js4 min 6 s
-
Transiciones en Vue.js utilizando hooks1 min 57 s
-
(Bloqueado)
Validando un formulario en Vue.js2 min 24 s
-
(Bloqueado)
Validando un formulario en Vue.js con Vuelidate7 min 50 s
-
(Bloqueado)
Depurando la aplicación con extensiones de Vue3 min 40 s
-
(Bloqueado)
Introducción a pruebas unitarias en Vue.js5 min 52 s
-
(Bloqueado)
-