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_perfix
是this.context.URL + form_selector + "@"
,在提交後若this.context.URL
發生變化則會定位不到暫存,最好使用別的惟一值做爲默認storage_name_perfix