jquery.formLocalStorage 是實作通用表單暫存功能的jquery外掛程式
原理:
監控表單域變化,並使用HTML5 WebStorage中的localStorage來儲存這些有變化的表單域的值,並在從新載入表單時將儲存的值載入回表單域中,從而實現暫存功能。
功能特點:
1.不使用伺服器端存儲,節省伺服器資源。
2.程式碼簡練,使用預設配置的話只需一小段程式碼 $("#your_form_id").formLocalStorage(); 即可搞定,無需寫一大塊伺服器端邏輯。
3.豐富的設定項與預設值,透過設定項可以自訂暫存內容的樣式,暫存載入完畢、儲存完畢與刪除完畢後的回調事件以及暫存的儲存命名規則,也可使用預設值從而減少過度的配置工作。
用法:
1.使用預設設定:
$("#your_form_id").formLocalStorage();
2.使用自訂設定:
$("#your_form_id").formLocalStorage({ storage_name_perfix : 'your_storage_name_perfix', //自定义暂存存储的命名前缀 storage_events : 'click' //自定义暂存触发事件 });
已知的問題:
1.有些動態寫入表單項目的內容無法監測到,也不能暫存。
2.預設的storage_name_perfix是this.context.URL + form_selector + "@",在提交後若this.context.URL發生變化則會定位不到暫存,最好使用別的唯一值作為預設storage_name_perfix
外掛程式下載 http://xiazai.jb51.net/201602/yuanma/jquery.formLocalStorage(jb51.net).zip