localStorage test

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"), "");
});
});
});

Publicerat av

Peter Lindblom

Mer info om mig finns på sidan https://plweb.se/om-peter-lindblom/