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

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()); 
}); 
}); 

您可能感兴趣的文章:

• js实现用户离开页面前提示是否离开此页面的方法（包括浏览器按钮事件）
• 离开当前页面前使用js判断条件提示是否要离开页面
• js 页面关闭前的出现提示的实现代码
• js 无提示关闭浏览器页面的代码
• JavaScript中通过提示框跳转页面的方法
• js实现的页面加载完毕之前loading提示效果完整示例【附demo源码下载】
• JS实现定时页面弹出类似QQ新闻的提示框
• 打开新窗口关闭当前页面不弹出关闭提示js代码
• JS实现刷新父页面不弹出提示框的方法
• 基于JavaScript实现跳转提示页面
• JavaScript实现离开页面前提示功能【附jQuery实现方法】