JQUERY表单暂存功能插件分享


Posted in Javascript onFebruary 23, 2016

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

插件下载  http://xiazai.3water.com/201602/yuanma/jquery.formLocalStorage(3water.com).zip

Javascript 相关文章推荐
支持ie与FireFox的剪切板操作代码
Sep 28 Javascript
也说JavaScript中String类的replace函数
Sep 22 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
Jan 03 Javascript
JQuery实现table行折叠效果以JSON做数据源
May 26 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
走进AngularJs之过滤器(filter)详解
Feb 17 Javascript
JavaScript判断浏览器和hack滚动条的写法
Jul 23 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 Javascript
JS实现提示框跟随鼠标移动
Aug 27 Javascript
jQuery 淡入/淡出效果函数用法分析
May 19 jQuery
封装Vue Element的table表格组件的示例详解
Aug 19 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 #Javascript
jQuery实现返回顶部功能
Feb 23 #Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 #Javascript
理解javascript定时器中的单线程
Feb 23 #Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 #Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 #Javascript
JQUERY的AJAX请求缓存里的数据问题处理
Feb 23 #Javascript
You might like
剧场版动画《PSYCHO-PASS 3 FIRST INSPECTOR》3月27日日本上映!
2020/03/06 日漫
曾在DC漫画界反派角色扮演的演员,谁才是你心目中的小丑之王?
2020/04/09 欧美动漫
PHP的FTP学习(二)
2006/10/09 PHP
PHP 获取MSN好友列表的代码(2009-05-14测试通过)
2009/09/09 PHP
Cakephp 执行主要流程
2010/03/24 PHP
zend framework多模块多布局配置
2011/02/26 PHP
php设计模式 Visitor 访问者模式
2011/06/28 PHP
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
基于Laravel5.4实现多字段登录功能方法示例
2017/08/11 PHP
PHP ob缓存以及ob函数原理实例解析
2020/11/13 PHP
JavaScript国旗变换效果代码
2008/08/13 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
在Ubuntu系统上安装Ghost博客平台的教程
2015/06/17 Javascript
Ionic实现仿通讯录点击滑动及$ionicscrolldelegate使用分析
2016/01/18 Javascript
AngularJS 模型详细介绍及实例代码
2016/07/27 Javascript
jQuery增加、删除及修改select option的方法
2016/08/19 Javascript
快速解决js中window.location.href不工作的问题
2016/11/02 Javascript
深入理解基于vue-cli的vuex配置
2017/07/24 Javascript
浅谈vuex 闲置状态重置方案
2018/01/04 Javascript
详解webpack2异步加载套路
2018/09/14 Javascript
python实现ping的方法
2015/07/06 Python
python递归函数绘制分形树的方法
2018/06/22 Python
Python 中的range(),以及列表切片方法
2018/07/02 Python
python组合无重复三位数的实例
2018/11/13 Python
Python 实现交换矩阵的行示例
2019/06/26 Python
python实现网页录音效果
2020/10/26 Python
美国一站式电动和手动工具商店:International Tool
2020/11/26 全球购物
波兰运动鞋网上商店:Distance.pl
2020/07/30 全球购物
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
小学开学典礼主持词
2014/03/19 职场文书
2014旅游局领导班子四风问题对照检查材料思想汇报
2014/09/19 职场文书
基层党支部整改方案
2014/10/25 职场文书
个人总结与自我评价
2015/02/14 职场文书
MySQL表的增删改查(基础)
2021/04/05 MySQL