离开页面时检测表单元素是否被修改,提示保存的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 相关文章推荐
根据分辨率不同,调用不同的css文件
Aug 25 Javascript
写给想学习Javascript的朋友一点学习经验小结
Nov 23 Javascript
纯JAVASCRIPT图表动画插件Highcharts Examples
Apr 16 Javascript
全面理解面向对象的 JavaScript(来自ibm)
Nov 10 Javascript
Jquery 数组操作大全个人总结
Nov 13 Javascript
jQuery取id有.的值的方法
May 21 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
vue中的event bus非父子组件通信解析
Oct 27 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
在vue中动态添加class类进行显示隐藏实例
Nov 09 Javascript
为react组件库添加typescript类型提示的方法
Jun 15 Javascript
浅析JavaScript 函数防抖和节流
Jul 13 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实现的简单中文验证码功能示例
2017/01/03 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
javascript事件模型代码
2007/07/01 Javascript
js类的静态属性和实例属性的理解
2009/10/01 Javascript
加载jQuery后$冲突的解决办法
2010/07/09 Javascript
Underscore.js 的模板功能介绍与应用
2012/12/24 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
5款JavaScript代码压缩工具推荐
2014/07/07 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
JavaScript计时器用法分析【setTimeout和clearTimeout】
2017/01/18 Javascript
js下拉菜单生成器dropMenu使用方法详解
2017/08/01 Javascript
javascript编程开发中取色器及封装$函数用法示例
2017/08/09 Javascript
Node.js readline模块与util模块的使用
2018/03/01 Javascript
还不懂递归?读完这篇文章保证你会懂
2018/07/29 Javascript
mock.js实现模拟生成假数据功能示例
2019/01/15 Javascript
vue.js实现左边导航切换右边内容
2019/10/21 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
windows下python之mysqldb模块安装方法
2017/09/07 Python
dataframe设置两个条件取值的实例
2018/04/12 Python
基于Python3.6中的OpenCV实现图片色彩空间的转换
2020/02/03 Python
pytorch掉坑记录:model.eval的作用说明
2020/06/23 Python
Python爬虫教程知识点总结
2020/10/19 Python
CSS3美化表单控件全集
2016/06/29 HTML / CSS
美国咖啡批发网站:Coffee.org
2017/06/29 全球购物
ShellScript面试题一则-ShellScript编程
2014/03/05 面试题
语文教学感言
2014/02/06 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
药品业务员岗位职责
2014/04/17 职场文书
不服从公司安排检讨书
2014/09/24 职场文书
国际政治学专业推荐信
2014/09/26 职场文书
家长会后的感想
2015/08/11 职场文书
搭建Yolov5服务器
2022/04/30 Servers
SQL使用复合索引实现数据库查询的优化
2022/05/25 SQL Server
MySQL transaction事务安全示例讲解
2022/06/21 MySQL