利用html5 localStorage实现通用表单暂存功能的jquery插件

jopen 11年前

jquery.formLocalStorage 是一个实现通用表单暂存功能的jquery插件

原理:

监控表单域变化,并使用HTML5 WebStorage中的localStorage来存储这些有变化的表单域的值,并在从新加载表单时将存储的值载入回表单域中,从而实现暂存功能。

功能特点:
1.不与服务器端交互,存储使用的是客户端存储,节省服务器资源。
2.代码简练,只需一小段代码 $("#your_form_id").formLocalStorage(); 即可搞定,无需写一大坨服务器端逻辑。

3.丰富的配置项,通过配置项可以自定义暂存内容的css,暂存加载完毕、存储完毕与删除完毕后的回调事件以及暂存的存储命名规则。

用法
1.缺省选项:

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

2.自定义选项:

$("#your_form_id").formLocalStorage({      storage_name_perfix : 'your_storage_name_perfix',       storage_events : 'click'  });

项目主页:http://www.open-open.com/lib/view/home/1395110262353