Sample app showing vue3 and Ionic Framework form validation examples with Vuelidate & Vee-Validate, both are in early release, but wanted to git it a try.
Wanted to see how they would function with Ionic Vue web components.
I think that Vuelidate integration was abit more straightforward. Will dig alittle deeper with nested forms in the next sample and then add a video
@aaronksaunders thanks for your great tutorial and example code. I am brand new to Ionic and was working on implementing Vee-Validate but it seems that the most recent release of Ionic (5.5.3) is causing some weird issues where Vee-Validate is not syncing correctly as a value of an input is changed. It especially doesn’t work when validateOnInput: true is set. If I output the value of the input as I type, it flashes to the new value and then goes back to the initial value.
I downgraded Ionic to 5.5.2 and it works as expected. I am thinking it is related to Pull Request #22749. Maybe the e.stopImmediatePropagation(); line but am not 100% sure. Do you think this would be considered a regression in Ionic?
@ldebeasi thanks for the update. I tried it with 5.5.4 and there is still an issue when VeeValidate is validating OnInput. The new value is set for a second and then goes back to the original value. I am still planning on creating a test application to show the issue in the next few days.