离开页面时检测表单元素是否被修改,提示保存的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 相关文章推荐
html数组字符串拼接的最快方法
Sep 16 Javascript
jquery 选项卡效果 新手代码
Jul 08 Javascript
原生js ActiveXObject获取execl里面的值
Nov 01 Javascript
点击button获取text内容并改变样式的js实现
Sep 09 Javascript
javascript实现手机震动API代码
Aug 05 Javascript
js实现页面跳转的五种方法推荐
Mar 10 Javascript
JS组件Bootstrap导航条使用方法详解
Apr 29 Javascript
three.js实现围绕某物体旋转
Jan 25 Javascript
图文详解Javascript中的上下文和作用域
Feb 15 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
详解vue中点击空白处隐藏div的实现(用指令实现)
Apr 19 Javascript
vue导出html、word和pdf的实现代码
Jul 31 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
星际争霸任务指南——虫族
2020/03/04 星际争霸
使用zend studio for eclipse不能激活代码提示功能的解决办法
2009/10/11 PHP
php验证邮箱和ip地址最简单方法汇总
2015/10/30 PHP
两种php去除二维数组的重复项方法
2015/11/04 PHP
TP5(thinkPHP框架)实现后台清除缓存功能示例
2019/05/29 PHP
jquery自动完成插件(autocomplete)应用之PHP版
2009/12/15 Javascript
JavaScript中URL编码函数代码
2011/01/11 Javascript
Web跨浏览器进程通信(Web跨域)
2013/04/17 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
jquery根据name属性查找的小例子
2013/11/21 Javascript
js showModalDialog弹出窗口实例详解
2014/01/07 Javascript
JavaScript原型链示例分享
2014/01/26 Javascript
JQuery实现简单的图片滑动切换特效
2015/11/22 Javascript
基于JavaScript实现简单的随机抽奖小程序
2016/01/05 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
2016/05/11 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
浅谈JavaScript中变量和函数声明的提升
2016/08/09 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
理解 javascript 中的函数表达式与函数声明
2017/07/07 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
vue地址栏直接输入路由无效问题的解决
2018/11/15 Javascript
Element的el-tree控件后台数据结构的生成以及方法的抽取
2020/03/05 Javascript
jQuery实现朋友圈查看图片
2020/09/11 jQuery
javascript实现简单页面倒计时
2021/03/02 Javascript
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
Python实现并行抓取整站40万条房价数据(可更换抓取城市)
2016/12/14 Python
python3.6+opencv3.4实现鼠标交互查看图片像素
2018/02/26 Python
Python高级用法总结
2018/05/26 Python
电子商务专业个人的自我评价
2013/12/19 职场文书
治超工作实施方案
2014/05/04 职场文书
交通文明倡议书
2014/05/16 职场文书
学习计划书怎么写
2014/09/15 职场文书
大学考试作弊检讨书
2015/05/06 职场文书
捐款仪式主持词
2015/07/04 职场文书
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript