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
Hi!
I have my form separated into several tabs (no lazy loading here). We can also imagine a wizard here, where it's needed to validate step by step, or tab by tab in my case. After validation, it's needed to get all the values from all the steps and save the whole form to the server.
It's necessary to disable the button on the last step of the wizard if the fields of any step have some errors. I've found the similar question about a wizard, however, in my case it's not necessary to prevent the user from switching between tabs. And it's necessary to save all the data using a single backend call.
I thought about having separate forms for each tab, but instead of submitting them, getting the data from all of them and do some custom action with all the data.
How could I do it using remix-validated-form? I use yup as a validator lib.
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
-
Hi!
I have my form separated into several tabs (no lazy loading here). We can also imagine a wizard here, where it's needed to validate step by step, or tab by tab in my case. After validation, it's needed to get all the values from all the steps and save the whole form to the server.
It's necessary to disable the button on the last step of the wizard if the fields of any step have some errors. I've found the similar question about a wizard, however, in my case it's not necessary to prevent the user from switching between tabs. And it's necessary to save all the data using a single backend call.
I thought about having separate forms for each tab, but instead of submitting them, getting the data from all of them and do some custom action with all the data.
How could I do it using remix-validated-form? I use yup as a validator lib.
Any help would be much appreciated.
Beta Was this translation helpful? Give feedback.
All reactions