离开页面时检测表单元素是否被修改,提示保存的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 相关文章推荐
javascript对象之内置对象Math使用方法
Apr 16 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
js的Prototype属性解释及常用方法
May 08 Javascript
js实现图片在未加载完成前显示加载中字样
Sep 03 Javascript
一个JavaScript获取元素当前高度的实例
Oct 29 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
微信小程序 scroll-view隐藏滚动条详解
Jan 16 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
vue2.0基于vue-cli+element-ui制作树形treeTable
Apr 30 Javascript
vue 关闭浏览器窗口的时候,清空localStorage的数据示例
Nov 06 Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 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新手上路(六)
2006/10/09 PHP
如何使用php判断服务器是否是HTTPS连接
2013/07/05 PHP
PHP COOKIE及时生效的方法介绍
2014/02/14 PHP
php使用number_format函数截取小数的方法分析
2016/05/27 PHP
PHP简单实现上一页下一页功能示例
2016/09/14 PHP
PHP生成图片验证码功能示例
2017/01/12 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
js event事件的传递与冒泡处理
2009/12/06 Javascript
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
JS弹出可拖拽可关闭的div层完整实例
2015/02/13 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
2016/05/13 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
angular或者js怎么确定选中ul中的哪几个li
2017/08/16 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
2019/10/12 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
Python线程的两种编程方式
2015/04/14 Python
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
Python字典的基本用法实例分析【创建、增加、获取、修改、删除】
2019/03/05 Python
Python基础之循环语句用法示例【for、while循环】
2019/03/23 Python
python实现windows倒计时锁屏功能
2019/07/30 Python
python opencv实现证件照换底功能
2019/08/19 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
python 解决print数组/矩阵无法完整输出的问题
2020/02/19 Python
台湾百利市购物中心:e-Payless
2017/08/16 全球购物
Europcar澳大利亚官网:全球汽车租赁领域的领导者
2019/03/24 全球购物
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
个人学习党的群众路线教育实践活动心得体会
2014/11/05 职场文书
2014年医院科室工作总结
2014/12/20 职场文书
个人汇报材料范文
2014/12/30 职场文书
表扬信格式模板
2015/05/05 职场文书
开场白怎么写
2015/06/01 职场文书
nginx容器方式反向代理实战
2022/04/18 Servers