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 http://plweb.se/om-peter-lindblom/

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *