利用html5 localStorage实现通用表单暂存功能的jquery插件
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' });
本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
转载本站原创文章,请注明出处,并保留原始链接、图片水印。
本站是一个以用户分享为主的开源技术平台,欢迎各类分享!