Ionic Vue JS: Managing Form Validation with Custom Form Components And Vee-Validate Composition API

Ionic Vue JS: Managing Form Validation with Custom Form Components And Vee-Validate Composition API
#ionic #veevalidate #vuejs #formvalidation #compositionapi

We are going to show how to create decoupled form components that can be used/reused in your application and utilizing the composition API functionality of Vee Validate to validate and submit the form. The code can work with any vue 3 application, I am just using Ionic UI Components because that is what I work with every day

## There is nothing here Ionic specific other than the UI components ##

💥 Chapters
00:00 - The Problem
02:24 - Overview of form structure
05:55 - in CredentialsComponent starting with Vee Validate integration / useField
12:05 - Update the Personal Info Component with Vee Validate integration / useField
14:10 - CreateAccountForm - Vee Validate integration useForm
17:53 - destructure the data we get back from the combined components
18:40 - testing the code
19:50 - removing a component to show how they are not coupled together
20:47 - Wrap up / Summary

💥 Links
-----------------------------------

💥 Additional Content
-----------------------------------

💥 Social Media
--------------------------

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

[PrashantNirgun]

too good content but I think you should add the email already exist validation but its too good my search end here. Good work keep it on.