Сохранение данных формы сразу после ввода?

Question

[budyakov]

Стоит задача улучшить жизнь пользователям:


При заполнении формы заказа товара в интернет магазине хочется сохранять введенные данные сразу, после того как произошел переход из одного поля в другое. Т.е. заполнил человек имя и телефон, а потом на заполнении адреса у него, допустим, браузер упал. После восстановления страницы хотелось бы иметь заполненными те поля, которые он заполнить успел. Как реализовать?

Answer 1

[Роман Гоголев]

сохранять яваскриптом в куки

Comments

[Андрей Билык]

Поддержу куки. Лишь потому, что быстро и просто реализовать. Не надо модифицировать код проекта, просто кусок джаваскрипта написать. Ну а если пользователь выключил куки у себя — ну, значит не судьба, с тем же успехом он и JS мог бы выключить…

[Riateche]

Если браузер упадет, на куки надежды мало.

[Роман Гоголев]

у вас часто падает браузер?
если нет надежды на куки, то эта задача нерешаема

Answer 2

[konfuze]

Попробуйте Browser Storage. Есть js-библиотека реализующая кроссбраузерную поддержку этой технологии.

Answer 3

[Александр]

повесить на событие onchange сохранение полей ajax-ом

как-то вроде
$("input[type=text]").bind("onchange", function(){
$.post("ajax.php?saveData", { "name": $(this).attr("name"), "value": $(this).val() })
});


получение данных при загрузке страницы думаю проблем не составит сделать

Comments

[ChemAli]

Пользователя при условной «загрузке после сбоя» все равно нужно будет идентифицировать чтобы понять какие из сохраненных данных подгружать в форму. Если заказ выполняется без регистрации, то все равно нужно ему оставлять что-то вроде куки. Поэтому, я считаю, на сервер и отправлять ничего не нужно и хранить все у клиента же в куках.

Answer 4

[ramilexe]

Отправлять аяксом на сервер в событии onblur инпутов и сохранять в сессию.

Answer 5

[Иван Васильев]

Поддерживаю. Попробуйте через web storage. Если нужна поддержка браузеров, которые не умеют, есть техники для реализации.