Saving form data immediately after input?

Question

Online shopping

The task is to improve the life of users:
When filling out an order form for goods in an online store, I want to save the entered data immediately after the transition from one field to another has occurred. Those. the person filled in the name and phone number, and then, while filling in the address, for example, the browser crashed. After restoring the page, I would like to have those fields filled in that he managed to fill out. How to implement?

Answer 1

save javascript in cookies

Answer 2

Try Browser Storage. There is a js-library that implements cross-browser support for this technology.

Answer 3

hang on the onchange event saving the fields with ajax
something like getting data when the page is loaded, I think it will not be a problem to do
$("input[type=text]").bind("onchange", function(){
$.post("ajax.php?saveData", { "name": $(this).attr("name"), "value": $(this).val() })
});


Answer 4

Send by Ajax to the server in the onblur event of inputs and save to the session.

Answer 5

I support. Try it via web storage . If you need support for browsers that can't, there are techniques to implement.