Как сохранить данные формы при переключении между вкладками?

Question

Установка:

На главной странице есть 2 вкладки на него:

• Tab 1 имеет форму, которую пользователь заполняет.
• Затем он нажимает на Tab 2.
• А потом он возвращается на вкладке 1.

Проблема:

Когда пользователь возвращается на вкладке 1, все данные, которые он заполнен потеряна.

Есть ли способ, с помощью которого данные формы могут быть сохранены?

В качестве боковой заметки вкладка 1 имеет кнопку «Отправить». Кнопка «Отправить» также удаляет форму после нажатия на нее, но есть опция - preventDefault(), с помощью которой мы можем контролировать поведение по умолчанию и сохранять введенные пользователем данные после нажатия. Просто интересно, есть ли что-то похожее для вкладок?

Update 1:

Я могу Acces на данные, введенные пользователем на вкладке 2, просто ссылаясь на имя поля, которое находится на вкладке 1. Таким образом, я предполагаю, что данные не будут потеряны.

Update 2:

Код: http://www.jsfiddle.net/pnuJT

Answer 1

При настройке вкладок необходимо указать опцию cache.

$(".selector").tabs({ cache: true }); 

Это предотвратит перезагрузку содержимого вкладки каждый раз, когда вы переключаетесь между ними.

jQuery UI Tab Options

Answer 2

Вы упомянули вы были с помощью вкладок JQuery в комментариях, но jsfiddle не включают в себя это. Вы уверены, что вы используете это:

http://jqueryui.com/demos/tabs/

Вы могли бы решить вашу проблему довольно легко с помощью плагина, как это. Основная проблема заключается в том, что вы перезагружаете страницу.