| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
11年前发布

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

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

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1395110262353.html
表单相关jQuery插件 jQuery插件 jquery.formLocalStorage