首頁 >web前端 >js教程 >JQUERY表單暫存功能插件分享_jquery

JQUERY表單暫存功能插件分享_jquery

WBOY
WBOY原創
2016-05-16 15:14:111687瀏覽

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn