利用html5 localStorage實現通用表單暫存功能的jquery插件

jquery.formLocalStorage 是一個實現通用表單暫存功能的jquery插件

原理:

監控表單域變化,并使用HTML5 WebStorage中的localStorage來存儲這些有變化的表單域的值,并在從新加載表單時將存儲的值載入回表單域中,從而實現暫存功能。

功能特點:
1.不與服務器端交互,存儲使用的是客戶端存儲,節省服務器資源。
2.代碼簡練,只需一小段代碼 $("#your_form_id").formLocalStorage(); 即可搞定,無需寫一大坨服務器端邏輯。

3.豐富的配置項,通過配置項可以自定義暫存內容的css,暫存加載完畢、存儲完畢與刪除完畢后的回調事件以及暫存的存儲命名規則。

用法
1.缺省選項:

$("#your_form_id").formLocalStorage();

2.自定義選項:

$("#your_form_id").formLocalStorage({
    storage_name_perfix : 'your_storage_name_perfix', 
    storage_events : 'click'
});

項目主頁:http://www.baiduhome.net/lib/view/home/1395110262353

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!