离开页面时检测表单元素是否被修改,提示保存的js代码


Posted in Javascript onAugust 25, 2010
window.onbeforeunload = function() { 
if(is_form_changed()) { 
return "您的修改内容还没有保存,您确定离开吗?"; 
} 
} 
function is_form_changed() { 
var t_save = jQuery("#t_save"); //检测页面是否要保存按钮 
if(t_save.length>0) { //检测到保存按钮,继续检测元素是否修改 
var is_changed = false; 
jQuery("#A4 input, #A4 textarea, #A4 select").each(function() { 
var _v = jQuery(this).attr('_value'); 
if(typeof(_v) == 'undefined') _v = ''; 
if(_v != jQuery(this).val()) is_changed = true; 
}); 
return is_changed; 
} 
return false; 
} 
jQuery(document).ready(function(){ 
jQuery("#A4 input, #A4 textarea, #A4 select").each(function() { 
jQuery(this).attr('_value', jQuery(this).val()); 
}); 
});
Javascript 相关文章推荐
firefox中JS读取XML文件
Dec 21 Javascript
jquery左右滚动焦点图banner图片鼠标经过显示上下页按钮
Oct 11 Javascript
Java中Timer的用法详解
Oct 21 Javascript
深入浅析AngularJS和DataModel
Feb 16 Javascript
JavaScript 是什么意思
Sep 22 Javascript
canvas实现手机端用来上传用户头像的代码
Oct 20 Javascript
JS实现的相册图片左右滚动完整实例
Nov 23 Javascript
关于微信jssdk实现多图片上传的一点心得分享
Dec 13 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
Nov 22 Javascript
JS+canvas画一个圆锥实例代码
Dec 13 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
js中判断控件是否存在
Aug 25 #Javascript
JavaScript浏览器选项卡效果
Aug 25 #Javascript
Javascript之旅 对象的原型链之由来
Aug 25 #Javascript
Javascript new关键字的玄机 以及其它
Aug 25 #Javascript
jquery下组织javascript代码(js函数化)
Aug 25 #Javascript
jquery实现居中弹出层代码
Aug 25 #Javascript
jquery下实现overlay遮罩层代码
Aug 25 #Javascript
You might like
一步一步学习PHP(3) php 函数
2010/02/15 PHP
IIS安装Apache伪静态插件的具体操作图文
2013/07/01 PHP
yii上传文件或图片实例
2014/04/01 PHP
thinkphp实现数组分页示例
2014/04/13 PHP
浅析get与post的一些特殊情况
2014/07/28 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
详解PHP的Laravel框架中Eloquent对象关系映射使用
2016/02/26 PHP
js实现的网站首页随机公告随机公告
2007/03/14 Javascript
跟我一起学写jQuery插件开发方法(附完整实例及下载)
2010/04/01 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
2010/08/26 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
JS日期和时间选择控件升级版(自写)
2013/08/02 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
jQuery 隐藏和显示 input 默认值示例
2014/06/03 Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
2014/07/14 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
详解Angular开发中的登陆与身份验证
2016/07/27 Javascript
微信小程序 页面跳转传参详解
2016/10/28 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
[01:10:58]KG vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
python实现通过pil模块对图片格式进行转换的方法
2015/03/24 Python
python单元测试unittest实例详解
2015/05/11 Python
python判断字符串编码的简单实现方法(使用chardet)
2016/07/01 Python
Python探索之Metaclass初步了解
2017/10/28 Python
Python比较配置文件的方法实例详解
2019/06/06 Python
为什么说Python可以实现所有的算法
2019/10/04 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
法国家具及室内配件店:home24
2017/01/21 全球购物
国际知名军事风格休闲装品牌:Alpha Industries(阿尔法工业)
2017/05/24 全球购物
亚马逊新加坡官方网站:Amazon.sg
2020/03/25 全球购物
测试时代收集的软件测试面试题
2013/09/25 面试题
中职招生先进个人材料
2014/08/31 职场文书
初三英语教学反思
2016/02/15 职场文书
教你用python控制安卓手机
2021/05/13 Python