Progressive Form Validation in Vue.js
summary
Claims that vee-validate is the dominant Vue form library with 1.4M downloads/month and a composition-first API; demonstrates using yup and plain JS rules plus validator.js for validation and a Vue Devtools inspector that shows form state, values, errors and lets you clear or force-validate. Shows concrete components (Form, Field, ErrorMessage), schema support, and a progressive-enhancement mode that obeys native submit unless validation fails, and reports that these tools actually build working forms with fewer boilerplate declarations.
AI-written summary · about
chapters (9)
- 0:00Start
- 0:26About me
- 0:43What makes forms hard?
- 1:40About vee-validate
- 1:59Goals
- 3:35Value tracking: Revised
- 4:46Form validation schema
- 5:23Progressive Enhancement
- 6:56Dev tools Plugin
related talks
01h 08mVue.js: Forms & validations in the composition age
41mStreamlined composable forms with vee-validate
29mScalable Forms in Vue
38mBuilding Forms for an Engaging User Experience in Vue.js
29mVuelidate version for Vue 3.0
20mUp your form validation game with Vest
28mBuilding validated forms with great UX in React
19mVue: Animations, Validations, Data