How to save form data correctly?

Question

PHP

Good day. There was a question how to save the data from the big form.
There is a form, divided into logical blocks, divided with the help of a wizard, for step-by-step filling.

Now the question is how. save the data in the database every time after moving to the next step, or pre-collect all the data in VUEX and only then send it entirely to the server?

I would be grateful if you share articles or literature on the design of such mechanisms

Answer 1

From a usability point of view, it is better to keep intermediate steps.
Articles are not needed here. You just need to imagine yourself in the place of a user whose browser is frozen, or who urgently left, and when he returned, the session was already rotten, or an error occurred when saving all the data in a crowd. And compare your emotions when you need to enter everything again or just what you did not have time to enter before.
If all data is required for further work with the site, then this is also done as standard - with a flag, just like with email confirmation: before using the site, you must download all the data.

Answer 2

If partial data is allowed, then you can save each step. If everyone is needed, then at the last step.
As in the example, it is usually split and the user can then come back to complete the missing data.

Answer 3

For the form, make a separate component, and then v-model will help you