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

186 阅读 0 评论 123 点赞

我是靠谱客的博主机灵刺猬，最近开发中收集的这篇文章主要介绍离开页面时检测表单元素是否被修改,提示保存的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()); 
}); 
}); 