使用LocalStorage儲存使用者已填寫的表單資訊(意外重新整理後自動填充)
阿新 • • 發佈:2018-12-20
先引入一個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