Heim  >  Artikel  >  Web-Frontend  >  离开页面时检测表单元素是否被修改,提示保存的js代码_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 18:20:391289Durchsuche
复制代码 代码如下:

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

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn