离开页面时检测表单元素是否被修改,提示保存的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 相关文章推荐
js中scrollHeight,scrollWidth,scrollLeft,scrolltop等差别介绍
May 16 Javascript
jquery编写Tab选项卡滚动导航切换特效
Jul 17 Javascript
JS实现的表头列头固定页面功能示例
Jan 10 Javascript
微信小程序 常见问题总结(4058,40013)及解决办法
Jan 11 Javascript
原生node.js案例--前后台交互
Feb 20 Javascript
bootstrap weebox 支持ajax的模态弹出框
Feb 23 Javascript
详解AngularJs ui-router 路由的简单介绍
Apr 26 Javascript
Ionic2开发环境搭建教程
Aug 20 Javascript
vue中使用v-model完成组件间的通信
Aug 22 Javascript
如何解决日期函数new Date()浏览器兼容性问题
Sep 11 Javascript
深入理解redux之compose的具体应用
Jan 12 Javascript
vue实现在data里引入相对路径
Jun 05 Vue.js
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中文本操作的类
2007/03/17 PHP
PHP基础知识回顾
2012/08/16 PHP
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
JavaScript入门之基本函数详解
2011/10/21 Javascript
可简单避免的三个JS发布错误的详细介绍
2013/08/02 Javascript
Javascript 按位与赋值运算符 (&=)使用介绍
2014/02/04 Javascript
三种检测iPhone/iPad设备方向的方法
2014/04/23 Javascript
jQuery实现指定内容滚动同时左侧或其它地方不滚动的方法
2015/08/08 Javascript
jQuery插件开发精品教程(让你的jQuery更上一个台阶)
2015/11/07 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
javascript每日必学之封装
2016/02/23 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
JS仿JQuery选择器功能
2017/03/08 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
JavaScript异步加载问题总结
2018/02/17 Javascript
AngularJS上传文件的示例代码
2018/11/10 Javascript
如何使用Node.js爬取任意网页资源并输出PDF文件到本地
2019/06/17 Javascript
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
django模板加载静态文件的方法步骤
2019/03/01 Python
详解Python爬取并下载《电影天堂》3千多部电影
2019/04/26 Python
Python xlrd excel文件操作代码实例
2020/03/10 Python
简单总结CSS3中视窗单位Viewport的常见用法
2016/02/04 HTML / CSS
Dyson加拿大官方网站:购买戴森吸尘器,风扇,冷热器及配件
2016/10/26 全球购物
墨西哥巴士车票在线购买:ClickBus
2018/03/27 全球购物
英国排名第一的LED灯泡网站:LED Bulbs
2019/09/03 全球购物
护理自我鉴定范文
2013/10/06 职场文书
学校消防演习方案
2014/02/19 职场文书
节约用水演讲稿
2014/05/21 职场文书
党支部班子“四风”问题自我剖析材料
2014/09/28 职场文书
社团个人总结范文
2015/03/05 职场文书
2016年党员读书月活动总结
2016/04/06 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS
Hive日期格式转换方法总结
2022/06/25 数据库
MyBatis在注解上使用动态SQL方式(@select使用if)
2022/07/07 Java/Android