It’s very early in the process so i don’t have any actual code to post. I think it’s better to get advice on this before developing so you wouldn’t have to re-write everything if it doesn’t work as expected.
I have this:

It’s a check-out process. With a lot of custom fields and optional tabs with more fields. Each number has it’s own container(or page) with 4 tabs as shown above.
What’s more convenient:
a) Create a page for each “number” and submit data on the go.
b) Wrap it up as a single form and submit it altogether.
“a” is default. It’s what my employers are actually going for (four different forms).
If I were to use “b” my idea is to create ONE form and depending on the “step” they are at load the fields via ajax, wrap it all up and POST it on submit.
Is this good practice? Would the user be able to go back to any “step “in the check-out process at any given time and change the fields value?
Maybe I’m way off and you can’t do this but I need flexibility given that option “a” wouldn’t allow users to go back a “step” without re-submitting.
ALL answer will be greatly appreciated.
If you come up with option “c”, that’s even better.
b is OK, you do not need multiple forms, just make it in different div like something here: http://jquery.redllama.net/jwizard/, and post that form at last