Save form data when switching pages.

[eluser]trinic[/eluser]
I have a page that has about 10 tabs on the top to switch between forms. When I start entering data in to one, then move to the next, I have to retype everything in to the first form. How can I do this to where the data stays until the form is submitted.

Do I have to store the data and reload it until the form is submitted? Please help me brainstorm this.


I've attached a picture

[eluser]JoostV[/eluser]
Couldn't find an attached image, but I think you will want to put everything in one giant form and add tabs using jQuery UI. Add your submit button at the very bottom of the form, under the tab containers, so you always see it, no matter what tab is active.

[eluser]CroNiX[/eluser]
I set forms up exactly as JoostV describes and it works very well.

[eluser]jjDeveloper[/eluser]
Unless your using say JavaScript I am going to assume your page reloads with each tab switch.

[eluser]limit[/eluser]
If its a long multi-part form check out jQuery Formwizard Plugin. That allows you to split your form into sections you can traverse back, saves your data, etc.