基于jquery的监控数据是否发生改变


Posted in Javascript onApril 11, 2011

这样之前的功夫又白费了。解决这些问题的办法就是:监控页面数据是否发生变化。如果发生变化,提示用户保存。如果数据未发生变化。当我们点击保存时,也不需要提交到数据库。
接下来看看解决办法:

///<reference path="jquery-1.3.2-vsdoc2.js" /> 
(function($) { 
var pageDataChange = false //默认标识页面数据未发生改变 
/*监控页面数据是否发生变化*/ 
$.fn.MonitorDataChange = function(options) { 
var tagName = new Array('Input', 'Select', 'Textarea'); 
var ctrlIds = []; var deafult = { 
arrTags: tagName, //需监控控件的tagName属性数组 
arrCtrls: ctrlIds //不监控的控件ID 
}; 
var ops = $.extend(deafult, options); 
for (var i = 0; i < ops.arrTags.length; i++) { 
$(ops.arrTags[i]).each(function() { 
if (ops.arrCtrls.length == 0) { 
$(this).bind('change', function() { 
pageDataChange = true; 
}); 
} 
else { 
var flag = false; 
for (var j = 0; j < ops.arrCtrls.length; j++) { 
if ($(this).attr('id') == ops.arrCtrls[j]) { 
flag = true; 
break; 
} 
} 
if (!flag) { 
$(this).bind('change', function() { 
pageDataChange = true; 
}); 
} 
} 
}); 
} 
return this; 
}; 
/*返回页面数据是否发生变化*/ 
$.fn.getValue = function() { 
return pageDataChange; 
}; 
})(jQuery);
Javascript 相关文章推荐
JS代码格式化和语法着色V2
Oct 14 Javascript
cookie丢失问题(认证失效) Authentication (用户验证信息)也会丢失
Jun 04 Javascript
jQuery获取文本节点之 text()/val()/html() 方法区别
Mar 01 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
Jul 28 Javascript
JavaScript中的变量作用域介绍
Dec 31 Javascript
JS动态修改iframe高度和宽度的方法
Apr 01 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
Oct 01 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
Vue表情输入组件 微信face表情组件
Feb 11 Javascript
JS array数组检测方式解析
May 19 Javascript
微信小程序实现上拉加载功能示例【加载更多数据/触底加载/点击加载更多数据】
May 29 Javascript
jQuery实战之品牌展示列表效果
Apr 10 #Javascript
基于PHP+Jquery制作的可编辑的表格的代码
Apr 10 #Javascript
JQuery优缺点分析说明
Apr 10 #Javascript
基于jquery的15款幻灯片插件
Apr 10 #Javascript
再次分享18个非常棒的jQuery表格插件
Apr 10 #Javascript
javascript学习笔记(七)利用javascript来创建和存储cookie
Apr 08 #Javascript
javascript 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 #Javascript
You might like
用PHP调用数据库的存贮过程
2006/10/09 PHP
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
php实现memcache缓存示例讲解
2013/12/04 PHP
php实现源代码加密的方法
2015/07/11 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
PHP实现的DES加密解密类定义与用法示例
2020/11/02 PHP
PHP封装的简单连接MongoDB类示例
2019/02/13 PHP
用js实现上传图片前的预览(TX的面试题)
2007/08/14 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
javascript 主动派发事件总结
2011/08/09 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
jQuery学习之prop和attr的区别示例介绍
2013/11/15 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
js将控件隐藏及display属性的使用介绍
2013/12/30 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
html+js实现简单的计算器代码(加减乘除)
2016/07/12 Javascript
jquery PrintArea 实现票据的套打功能(代码)
2017/03/17 Javascript
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
详解如何使用router-link对象方式传递参数?
2019/05/02 Javascript
让python json encode datetime类型
2010/12/28 Python
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
python 读取txt,json和hdf5文件的实例
2018/06/05 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
python scipy卷积运算的实现方法
2019/09/16 Python
python实现打砖块游戏
2020/02/25 Python
Python3.7下安装pyqt5的方法步骤(图文)
2020/05/12 Python
Philosophy美国官网:美国美容品牌
2016/08/15 全球购物
公司活动邀请函
2014/01/24 职场文书
太太口服液广告词
2014/03/20 职场文书
《每逢佳节倍思亲》教后反思
2014/04/19 职场文书
2015年五一劳动节活动总结
2015/02/09 职场文书
2015年教师学期工作总结
2015/04/30 职场文书
幼儿园园务工作总结2015
2015/05/18 职场文书
Javascript的promise,async和await的区别详解
2022/03/24 Javascript