JQUERY表單暫存功能插件分享
jquery.formLocalStorage 是一個實現(xiàn)通用表單暫存功能的jquery插件
原理:
監(jiān)控表單域變化,并使用HTML5 WebStorage中的localStorage來存儲這些有變化的表單域的值,并在從新加載表單時將存儲的值載入回表單域中,從而實現(xiàn)暫存功能。
功能特點:
1.不使用服務(wù)器端存儲,節(jié)省服務(wù)器資源。
2.代碼簡練,使用默認(rèn)配置的話只需一小段代碼 $("#your_form_id").formLocalStorage(); 即可搞定,無需寫一大坨服務(wù)器端邏輯。
3.豐富的配置項與默認(rèn)值,通過配置項可以自定義暫存內(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.有些動態(tài)寫入表單項的內(nèi)容無法監(jiān)測到,也不能暫存。
2.默認(rèn)的storage_name_perfix是this.context.URL + form_selector + "@",在提交后若this.context.URL發(fā)生變化則會定位不到暫存,最好使用別的唯一值作為默認(rèn)storage_name_perfix
插件下載 http://xiazai.jb51.net/201602/yuanma/jquery.formLocalStorage(jb51.net).zip
相關(guān)文章
jQuery中校驗時間格式的正則表達(dá)式小結(jié)
下面我介紹兩種校驗時間格式的正則表達(dá)式實例了,這個其實可以直接叫js了,因為正則功能jquery與js是一樣的,下面看實例2013-09-09jQuery元素屬性操作實例(設(shè)置、獲取及刪除元素屬性)
這篇文章主要介紹了jQuery元素屬性操作的方法,結(jié)合實例形式分析了jQuery針對頁面元素的設(shè)置、獲取及刪除等操作相關(guān)技巧,需要的朋友可以參考下2016-09-09jquery插件jSignature實現(xiàn)手動簽名
在IE7~IE8這種不支持HTML5的瀏覽器上,是利用Flash嵌入的方式實現(xiàn)的簽名處理,在支持的HTML5的瀏覽器上默認(rèn)采用canvas標(biāo)簽處理簽名,可以生成 PNG格式、SVG格式的簽名圖片。非常適合在IPAD等移動客戶端上實現(xiàn)手寫簽名的,該插件基于JQuery2015-05-05jquery+css實現(xiàn)的紅色線條橫向二級菜單效果
這篇文章主要介紹了jquery+css實現(xiàn)的紅色線條橫向二級菜單效果,界面美觀大方,簡潔實用,通過jquery遍歷及切換頁面元素實現(xiàn)這一功能,需要的朋友可以參考下2015-08-08jquery 步驟進(jìn)度軸插件的實現(xiàn)代碼
今天給大家分享一個jquery插件之步驟進(jìn)度軸的實現(xiàn)思路,這個功能在一些網(wǎng)站注冊賬號時一般都會用到,今天就通過實例代碼給大家詳細(xì)介紹下,感興趣的朋友跟隨小編一起看看吧2021-05-05