1. 程式人生 > >使用LocalStorage儲存使用者已填寫的表單資訊(意外重新整理後自動填充)

使用LocalStorage儲存使用者已填寫的表單資訊(意外重新整理後自動填充)

先引入一個js檔案:sisyphus.min.js

(官網:http://sisyphus-js.herokuapp.com/

在頁面的script中找個地方引用:

$( function() {
	$( "#basic_form" ).sisyphus();
	// or you can persist all forms data at one command
	// $( "form" ).sisyphus();
} );

備註:

1、我只用於儲存form表單資料,至於其他的可以到官網去拜讀下

2、使用者提交表單之後記得清除localStorage裡中的表單資料,因為sisyphus是將使用者所填寫的資料儲存到localStorage的

儲存的格式為:

key:  [id=form的id][name=undefined][id=標籤的id][name=標籤的name]

value:使用者所填的資料

3、提交成功之後,清除localStorage:localStorage.clear();

4、不支援標籤中onchange()呼叫的方法

 

最簡單的示例:http://www.jq22.com/jquery-info268