JQUERY表單暫存功能插件分享
jquery.formLocalStorage 是一個(gè)實(shí)現(xiàn)通用表單暫存功能的jquery插件
原理：
監(jiān)控表單域變化，并使用HTML5 WebStorage中的localStorage來存儲這些有變化的表單域的值，并在從新加載表單時(shí)將存儲的值載入回表單域中，從而實(shí)現(xiàn)暫存功能。
功能特點(diǎn)：
1.不使用服務(wù)器端存儲，節(jié)省服務(wù)器資源。
2.代碼簡練，使用默認(rèn)配置的話只需一小段代碼 $("#your_form_id").formLocalStorage(); 即可搞定，無需寫一大坨服務(wù)器端邏輯。
3.豐富的配置項(xiàng)與默認(rèn)值，通過配置項(xiàng)可以自定義暫存內(nèi)容的樣式，暫存加載完畢、存儲完畢與刪除完畢后的回調(diào)事件以及暫存的存儲命名規(guī)則，也可使用默認(rèn)值從而減少過度的配置工作。
用法：
1.使用默認(rèn)配置：
$("#your_form_id").formLocalStorage();
2.使用自定義配置：
$("#your_form_id").formLocalStorage({
storage_name_perfix : 'your_storage_name_perfix', //自定義暫存存儲的命名前綴
storage_events : 'click' //自定義暫存觸發(fā)事件
});
已知的問題：
1.有些動(dòng)態(tài)寫入表單項(xiàng)的內(nèi)容無法監(jiān)測到，也不能暫存。
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)文章
本文主要分享了jQuery實(shí)現(xiàn)大圖輪播的示例代碼。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
jQuery中校驗(yàn)時(shí)間格式的正則表達(dá)式小結(jié)
下面我介紹兩種校驗(yàn)時(shí)間格式的正則表達(dá)式實(shí)例了，這個(gè)其實(shí)可以直接叫js了，因?yàn)檎齽t功能jquery與js是一樣的，下面看實(shí)例2013-09-09
jQuery元素屬性操作實(shí)例(設(shè)置、獲取及刪除元素屬性)
這篇文章主要介紹了jQuery元素屬性操作的方法,結(jié)合實(shí)例形式分析了jQuery針對頁面元素的設(shè)置、獲取及刪除等操作相關(guān)技巧,需要的朋友可以參考下2016-09-09
jquery插件jSignature實(shí)現(xiàn)手動(dòng)簽名
在IE7~IE8這種不支持HTML5的瀏覽器上，是利用Flash嵌入的方式實(shí)現(xiàn)的簽名處理，在支持的HTML5的瀏覽器上默認(rèn)采用canvas標(biāo)簽處理簽名，可以生成 PNG格式、SVG格式的簽名圖片。非常適合在IPAD等移動(dòng)客戶端上實(shí)現(xiàn)手寫簽名的，該插件基于JQuery2015-05-05
jquery+css實(shí)現(xiàn)的紅色線條橫向二級菜單效果
這篇文章主要介紹了jquery+css實(shí)現(xiàn)的紅色線條橫向二級菜單效果,界面美觀大方,簡潔實(shí)用,通過jquery遍歷及切換頁面元素實(shí)現(xiàn)這一功能,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了jQuery Collapse1.1.0折疊插件的使用方法 ，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了分別用jQuery和CSS將背景圖片進(jìn)行拉伸，讓它在頁面中隨著瀏覽器尺寸進(jìn)行拉伸，就像我們的電腦桌面壁紙效果,需要的朋友可以參考下2015-10-10
jquery 步驟進(jìn)度軸插件的實(shí)現(xiàn)代碼
今天給大家分享一個(gè)jquery插件之步驟進(jìn)度軸的實(shí)現(xiàn)思路，這個(gè)功能在一些網(wǎng)站注冊賬號時(shí)一般都會(huì)用到，今天就通過實(shí)例代碼給大家詳細(xì)介紹下，感興趣的朋友跟隨小編一起看看吧2021-05-05
easyui是一種基于jQuery的用戶界面插件集合，easyui為創(chuàng)建現(xiàn)代化，互動(dòng)，JavaScript應(yīng)用程序，提供必要的功能，本篇文章給大家整理有關(guān)jquery Easyui快速開發(fā)的技巧，需要的朋友可以參考下2015-08-08
我想熟悉javascript的沒有不知道jquery的吧，不得不提的就是特有的連綴書寫語法了，jquery連綴語法如何實(shí)現(xiàn)，接下來將詳細(xì)介紹2012-11-11