写了一个完成表单暂存功用的jquery插件

2024年1月13日 195次阅读 来源: since1986

jquery.formLocalStorage 是一个完成通用表单暂存功用的jquery插件

道理：

监控表单域变化，并运用HTML5 WebStorage中的localStorage来存储这些有变化的表单域的值，并在重新加载表单时将存储的值载入回表单域中，从而完成暂存功用。

功用特性：

1.不运用服务器端存储，节约服务器资本。

2.代码精练，运用默许设置的话只需一小段代码 $("#your_form_id").formLocalStorage(); 即可搞定，无需写一大坨服务器端逻辑。

3.雄厚的设置项与默许值，经由过程设置项能够自定义暂存内容的款式，暂存加载终了、存储终了与删除终了后的回调事宜以及暂存的存储定名划定规矩，也可运用默许值从而削减过分的设置事情。

用法：

1.运用默许设置：

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

2.运用自定义设置：

$("#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

    原文作者：since1986
    原文地址: https://segmentfault.com/a/1190000000444538
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞