Idag testade jag localStorage på en av mina sajter och jag måste säga att det är väldigt coolt 🙂
Jag valde att spara alla inmatning i localStorage tills man valt skicka väg formuläret. namnet på formulär fältet används som nyckel i localStorage men det det bör inte vara något större problem att kombinera formulärets id eller action attribut.
ls = { set : function(name, value){ if(window.localStorage){ localStorage.removeItem(name); localStorage.setItem(name, value); } }, get : function(name){ if(window.localStorage){ return localStorage.getItem(name); } }, clear : function() { if(window.localStorage){ return localStorage.clear(); } } };
$(document).ready(function(){ $(":input").each(function(){ if($(this).val() == "" && ls.get($(this).attr("name")) != ""){ $(this).val(ls.get($(this).attr("name"))); } }); $(":input").change(function(){ if($(this).val() != ""){ ls.set($(this).attr("name"), $(this).val()); } }); $("form").submit(function(){ form = this; $(form).find(":input").each(function(){ ls.set($(this).attr("name"), ""); }); }); });