MultiStep Form and Save Option on each step

[seriatim]

Hi Folks,

I am hoping someone can help me solve this.

I am trying to create a multistep form, and I would like to offer the user to save the form at each step.

I also have data validation enabled for almost all data fields on the form, so when I create a save option on the first step, the database insert fails I think because of the data validation fails (from the next steps).

Is there a simple way to create a multistep form, have data validation on the form, but also offer the user to save on each step?

I have created a section on the page where all saved/draft forms are listed if the save action is successful and user can resume the form later on.

[mebeingken]

This is my current way of handling…The validation options for each element are set dynamically such that they are only applied if they are visible in the current step. This combined with a dynamic form action that calls an empty api works well.

Trigger form validation

I had to do my own new multi step form yesterday and tried another approach. This time I used a single form that has containers for each step that I show/hide as needed. The “next step” buttons are submit buttons. The form action is dynamically set—for all but the final submit, the form action is set to the empty “just success” api. Then on the success of the form I move to the next step, etc. Validation is then also dynamic—required fields are only required if the step is currently visible. I…