You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In our applications we regularily have the use-case for multi-step forms or wizards. For good UX we usually mark the steps/tabs in the form with icons (or something similar) if the values have changed (dirty) or didn't pass validation. For this to work there has to be some concept of a group of form fields that belong together. As far as I can tell from the API surface of VeeValidate is is quite simplistic and doesn't seem to support such a use case.
Maybe for a better understanding:
We have also implemented this in other applications using Angular, where is is very easy with the form model, which has a FormGroup that consists of a collection of FormControls and each FormGroup has a dirty/invalid flag that can be read.
Some workaround could be to use useField for every single form field. But this is very tedious and also wouldn't work with extremely dynamic forms, where the fields are not statically known.
Can something like this be implemented using VeeValidate with the existing API?
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
In our applications we regularily have the use-case for multi-step forms or wizards. For good UX we usually mark the steps/tabs in the form with icons (or something similar) if the values have changed (dirty) or didn't pass validation. For this to work there has to be some concept of a group of form fields that belong together. As far as I can tell from the API surface of VeeValidate is is quite simplistic and doesn't seem to support such a use case.
Maybe for a better understanding:
We have also implemented this in other applications using Angular, where is is very easy with the form model, which has a
FormGroup
that consists of a collection ofFormControl
s and eachFormGroup
has a dirty/invalid flag that can be read.Some workaround could be to use
useField
for every single form field. But this is very tedious and also wouldn't work with extremely dynamic forms, where the fields are not statically known.Can something like this be implemented using VeeValidate with the existing API?
Beta Was this translation helpful? Give feedback.
All reactions