寫了一個實現表單暫存功能的jquery插件

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

原理:java

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

jquery

功能特色:git

1.不使用服務器端存儲,節省服務器資源。github

2.代碼簡練,使用默認配置的話只需一小段代碼 $("#your_form_id").formLocalStorage(); 便可搞定,無需寫一大坨服務器端邏輯。服務器

3.豐富的配置項與默認值,經過配置項能夠自定義暫存內容的樣式,暫存加載完畢、存儲完畢與刪除完畢後的回調事件以及暫存的存儲命名規則,也可以使用默認值從而減小過分的配置工做。

jquery插件

用法:this

1.使用默認配置:插件

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

2.使用自定義配置:code

$("#your_form_id").formLocalStorage({
    storage_name_perfix : 'your_storage_name_perfix', //自定義暫存存儲的命名前綴
    storage_events : 'click' //自定義暫存觸發事件
});


已知的問題:

1.有些動態寫入表單項的內容沒法監測到,也不能暫存。

2.默認的storage_name_perfixthis.context.URL + form_selector + "@",在提交後若this.context.URL發生變化則會定位不到暫存,最好使用別的惟一值做爲默認storage_name_perfix

相關文章
相關標籤/搜索