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 相关文章推荐
在网页里看flash的trace数据的js类
Jan 10 Javascript
javascript实现的平方米、亩、公顷单位换算小程序
Aug 11 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
javascript日期格式化方法汇总
Oct 04 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
Sep 09 Javascript
jQuery实现优雅的弹窗效果(6)
Feb 08 Javascript
微信小程序 chooseImage选择图片或者拍照
Apr 07 Javascript
浅谈Angular2 模块懒加载的方法
Oct 04 Javascript
详解Angular5 路由传参的3种方法
Apr 28 Javascript
详解在不使用ssr的情况下解决Vue单页面SEO问题
Nov 08 Javascript
使用JavaScript保存文本文件到本地的两种方法
Jan 22 Javascript
精读《Vue3.0 Function API》
May 20 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
一个显示天气预报的程序
2006/10/09 PHP
第二章 PHP入门基础之php代码写法
2011/12/30 PHP
php中的比较运算符详解
2013/10/28 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
PHP的重载使用魔术方法代码实例详解
2021/02/26 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
JQGrid的用法解析(列编辑,添加行,删除行)
2013/11/08 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
Bootstrap每天必学之表格
2015/11/23 Javascript
jQuery实现背景滑动菜单
2016/12/02 Javascript
JS触摸与手势事件详解
2017/05/09 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
关于vue2强制刷新,解决页面不会重新渲染的问题
2019/10/29 Javascript
JavaScript 函数用法详解【函数定义、参数、绑定、作用域、闭包等】
2020/05/12 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
vue select 获取value和lable操作
2020/08/28 Javascript
[01:35]辉夜杯战队访谈宣传片—iG.V
2015/12/25 DOTA
win7安装python生成随机数代码分享
2013/12/27 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
Django 通过JS实现ajax过程详解
2019/07/30 Python
Laravel框架表单验证格式化输出的方法
2019/09/25 Python
python FTP批量下载/删除/上传实例
2019/12/22 Python
JupyterNotebook 输出窗口的显示效果调整方法
2020/04/13 Python
Java Unsafe类实现原理及测试代码
2020/09/15 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
CSS3 旋转立方体问题详解
2020/01/09 HTML / CSS
印尼综合在线预订网站:Tiket.com(机票、酒店、火车、租车和娱乐)
2018/10/11 全球购物
区域销售经理岗位职责
2013/12/10 职场文书
房产转让协议书
2014/04/11 职场文书
群众路线教育实践活动整改方案(个人版)
2014/10/25 职场文书
大学同学聚会感言
2015/07/30 职场文书
关爱空巢老人感想
2015/08/11 职场文书
学习计划是什么
2019/04/30 职场文书
python爬虫框架feapde的使用简介
2021/04/20 Python
解决Golang中ResponseWriter的一个坑
2021/04/27 Golang
MySQL创建表操作命令分享
2022/03/25 MySQL