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

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

Del curso: Vue.js esencial

Validando un formulario en Vue.js

Hacer la validación de un formulario en una aplicación web puede ser una de las tareas más complejas que debamos hacer como desarrolladores, como en este ejemplo que tenemos aquí. Este formulario es bastante largo y tiene campos de información de varios formatos, Como por ejemplo, aquí, yo tengo un campo de Ciudad, Estado, Código postal, Correo electrónico, País, varios checkbox y varios campos de texto. Algunos de estos son requeridos y algunos no lo son. En este ejemplo, yo he creado una validación simple, en donde se validan los datos a la hora de tratar de enviar la información al hacer clic en el botón Guardar. Puedes notar que al hacer clic en el botón recibo un mensaje de error. Ya dentro del código, puedes ver que yo he agregado una función al evento submit del formulario. Si yo me dirijo a la definición de este método, aquí puedes ver cómo estoy validando todas las propiedades requeridas dentro del objeto reactivo formulario. En cada una de estas, yo estoy validando que el…

Contenido