Как сохранять введенные данные в полях вебформ?

Question

[Антон]

к примеру у веб формы есть input text, как после случайной перезагрузки страницы сохранить введенные данные (но еще не отправленные), чтобы заново не заполнять поля?
Как это решается, есть ли пример?

Comments

[zorca]

Только через сессию или куки юзера, при этом при вводе каждого символа нужно сохранять данные в сессии или куках. Вот если упростить задачу и сохранять только при попытке отправки, то задача упрощается.
https://ru.stackoverflow.com/questions/436208/%D0%...

Answer 1

[Степан И]

Можно сохранять в sessionStorage.
После каждого нажатия keyup делать отчет 500мс. и если повторное нажатие не было произведено, делать сохранение.
При загрузке страницы смотреть на наличие данных в sessionStorage и вставлять в соответствующие поля.
Данные хранить лучше в формате JSON.

Все это на веб-клиенте и сервер ни как не задействуется.

Comments

[Максим Тимофеев]

Можно сохранять в sessionStorage.

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

[Антон]

Максим Тимофеев, localStorage помог

[Степан И]

anton99zel, поставь пожалуйста мой ответ как решение вопроса. Спасибо!

[Антон]

Степан И.,

var elements = document.querySelectorAll('input, textarea');

function checkValidity() {};

for (i=0; i<elements.length; i++) {
 (function(element) {
   var id = element.getAttribute('id');
   element.value = sessionStorage.getItem(id); // обязательно наличие у элементов id
   element.oninput = function() {
     sessionStorage.setItem(id, element.value);
     checkValidity();
   };
 })(elements[i]);
}

[Степан И]

anton99zel, позже накидаю тебе рабочий пример.