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: https://www.youtube.com/playlist?list=PLPwpWyfm6JADRf8x1Jc0Da8R71WJyt-Jn

*** Github links ***

Validating the form: https://github.com/jeffreybiles/vue-screencasts/commit/f3aaf596e1c028d03373524c4ce6536440e20629
Abstracting it to a component: https://github.com/jeffreybiles/vue-screencasts/commit/7f47778e47626c3188d96bec4f9645f5adbf416f

*** Find me online! ***

Twitter: https://twitter.com/VueScreencasts
Website coming soon.

#Validations #Vuetify #Forms #VueJS #Vue #Refactoring

Видео Validating Forms with Vuetify (Building a VueJS App Part 7) канала Vue Screencasts