Example:

Fill and reload the page.

Input:

Radio: One Two Three

Select: Option 1 Option 2 Option 3 Option 4

Multiple select:
Option 1 Option 2 Option 3 Option 4 Option 5

Checkbox: Check Check Check

Textarea:

Options:

You can pass an options object in plugin init method.

• timeout : Automatic save interval data (in milliseconds). If zero, it is not used (Default: 0);
• events : List of events that cause data save. If "undefined" or "", it is not used (Default: "change").

$('.saveme').DataSaver({timeout: 1000, events: "change keyup"});
		

Methods:

You can call some methods. Just pass their name.

• save : Save the data in web storage;
• load : Load the data from web storage;
• remove : Remove the data from web storage (For example, after submit the form);
• stop : Stop the DataSaver.

$('.saveme').DataSaver('remove');
		

Events:

You can listen DataSaver events.

• DataSaver_start
• DataSaver_stop
• DataSaver_save
• DataSaver_load
• DataSaver_remove

You can also get localStorage key (DataSaver_key) and value:

$(document).on("DataSaver_save DataSaver_load DataSaver_remove", function(e) {
	console.log(e.type);
	console.log(e.target.DataSaver_key + " : " + localStorage[e.target.DataSaver_key]);
	console.log("");
});
		

---

ABSENT, 2014