Validating Forms with Vuetify (Building a VueJS App Part 7)
This tutorial is all about validations! We create custom validation rules, then combine them with Vuetify to make sure that our users can’t accidentally submit an invalid form.
0:00 Start
0:35 Validating Inputs
11:54 Validating Forms
14:46 Refactoring to a VideoEditForm Component
21:24 Review
We chose using custom validations over Vuelidate, Vee-Validate, or other libraries because our needs aren't yet complex enough to justify them, and it's a bit simpler to see how things work using custom validations.
We end up validating presence, minimum length, and maximum length.
We also add some cool UI touches with the counter property on Vuetify's v-text-field component.
The "Building a VueJS Screencasting App From Scratch" Playlist: • Building a VueJS screencasting app fr...
** Github links **
Validating the form: https://github.com/jeffreybiles/vue-s...
Abstracting it to a component: https://github.com/jeffreybiles/vue-s...
** Find me online! **
Twitter: / vuescreencasts
Website coming soon.
#Validations #Vuetify #Forms #VueJS #Vue #Refactoring