VueJS Form Validation and Nested Field Arrays/Dynamic Form Fields with Vee-Validate

Показать описание

VueJS Form Validation and Nested Field Arrays/Dynamic Form Fields with Vee-validate
#vuejs #validation #ionic

We build out the code in plain vue3 and the second half of the video is about porting the solution to Ionic Framework Vue JS

CHAPTERS
00:00 - Introduction, Overview, No Ionic
00:42 - What we are building
03:40 - Configuring VeeValidate Imports
05:00 - Adding Form to Page
05:57 - Adding Field To Form
07:00 - Adding handleSubmit function
08:23 - Adding the validation function from VeeValidate
11:00 - Adding file field array to the form
15:41 - Testing that the field array entries are added
17:41 - Ability to remove the entries from the field array
21:15 - Testing removing entries
23:50 - ## IONIC STARTS HERE ##
24:09 - Add basic dependencies and styles for Ionic
28:30 - Modifying The Form,
34:30 - Displaying Error Messages using VeeValidate Component
38:12 - Displaying errors for field Array
42:48 - Wrap-up

🔥 Additional Content
-----------------------------------

🔥 Social Media
-------------------------

#forms #formvalidation #formvalidation
vue dynamic form fields
dynamic form fields
field arrays in vue js
vue form validation tutorial
vue form field array tutorial

-~-~~-~~~-~~-~-
Please watch: "Getting Started With Appwrite, Vue JS Ionic Framework & Capacitor"
-~-~~-~~~-~~-~-