JQUERY表單暫存功能插件分享
jquery.formLocalStorage 是一個(gè)實(shí)現(xiàn)通用表單暫存功能的jquery插件
原理：
監(jiān)控表單域變化，并使用HTML5 WebStorage中的localStorage來(lái)存儲(chǔ)這些有變化的表單域的值，并在從新加載表單時(shí)將存儲(chǔ)的值載入回表單域中，從而實(shí)現(xiàn)暫存功能。
功能特點(diǎn)：
1.不使用服務(wù)器端存儲(chǔ)，節(jié)省服務(wù)器資源。
2.代碼簡(jiǎn)練，使用默認(rèn)配置的話只需一小段代碼 $("#your_form_id").formLocalStorage(); 即可搞定，無(wú)需寫(xiě)一大坨服務(wù)器端邏輯。
3.豐富的配置項(xiàng)與默認(rèn)值，通過(guò)配置項(xiàng)可以自定義暫存內(nèi)容的樣式，暫存加載完畢、存儲(chǔ)完畢與刪除完畢后的回調(diào)事件以及暫存的存儲(chǔ)命名規(guī)則，也可使用默認(rèn)值從而減少過(guò)度的配置工作。
用法：
1.使用默認(rèn)配置：
$("#your_form_id").formLocalStorage();
2.使用自定義配置：
$("#your_form_id").formLocalStorage({
storage_name_perfix : 'your_storage_name_perfix', //自定義暫存存儲(chǔ)的命名前綴
storage_events : 'click' //自定義暫存觸發(fā)事件
});
已知的問(wèn)題：
1.有些動(dòng)態(tài)寫(xiě)入表單項(xiàng)的內(nèi)容無(wú)法監(jiān)測(cè)到，也不能暫存。
2.默認(rèn)的storage_name_perfix是this.context.URL + form_selector + "@"，在提交后若this.context.URL發(fā)生變化則會(huì)定位不到暫存，最好使用別的唯一值作為默認(rèn)storage_name_perfix
插件下載 http://xiazai.jb51.net/201602/yuanma/jquery.formLocalStorage(jb51.net).zip
相關(guān)文章
鼠標(biāo)事件是指用戶在移動(dòng)鼠標(biāo)光標(biāo)或者點(diǎn)擊任意鼠標(biāo)鍵時(shí)觸發(fā)的事件,jQuery中封裝了基本上所有的鼠標(biāo)事件包括點(diǎn)擊,雙擊,移動(dòng)等鼠標(biāo)事件,下面我們就來(lái)看下這些事件的語(yǔ)法和用法2015-08-08
jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07
文章給大家匯總整理了JavaScript以及jQuery獲取元素高寬和位置等信息的方法，非常的全面，小伙伴們可以記錄下以便查看2017-02-02
jQuery實(shí)現(xiàn)節(jié)點(diǎn)的追加、替換、刪除、復(fù)制功能示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)節(jié)點(diǎn)的追加、替換、刪除、復(fù)制功能,結(jié)合具體實(shí)例形式分析了jQuery針對(duì)DOM節(jié)點(diǎn)的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的使用技巧,需要的朋友可以參考下2017-07-07
jquery動(dòng)態(tài)調(diào)整div大小使其寬度始終為瀏覽器寬度
需要設(shè)置寬度為整個(gè)瀏覽器寬度的div，當(dāng)然我們可以使用相對(duì)布局的方式做到這一點(diǎn)，下面是具體實(shí)現(xiàn)，大家可以參考下2014-06-06
jQuery解決下拉框select設(shè)寬度時(shí)IE 6/7/8下option超出顯示不全
jQuery解決IE 6/7/8 BUG：下拉框select設(shè)寬度時(shí)option超出顯示不全，經(jīng)過(guò)修改效果還不錯(cuò)，遇到類似情況的朋友可以參考下哈2013-05-05
Jquery加載時(shí)從后臺(tái)讀取數(shù)據(jù)綁定到dropdownList實(shí)例
從后臺(tái)讀取數(shù)據(jù)綁定到dropdownList，option選項(xiàng)value動(dòng)態(tài)賦值，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈2013-06-06
jquery表格datatables實(shí)例解析 直接加載和延遲加載
這篇文章主要針對(duì)jquery表格datatables實(shí)例進(jìn)行解析，可以直接加載和延遲加載，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
jQuery+css last-child實(shí)現(xiàn)選擇最后一個(gè)子元素操作示例
這篇文章主要介紹了jQuery+css last-child實(shí)現(xiàn)選擇最后一個(gè)子元素操作,結(jié)合實(shí)例形式分析了jQuery結(jié)合css進(jìn)行頁(yè)面元素選擇與樣式修改相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
對(duì)之前寫(xiě)的jquery分頁(yè)做下升級(jí)
之前寫(xiě)的分頁(yè)，操作時(shí)要把傳的參數(shù)放到隱藏hidden中，比較麻煩，下面重新包裝了一下,需要的朋友可以參考參考2014-06-06