利用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' });