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

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

WBOY
Libérer: 2016-05-16 18:20:39
original
1305 Les gens l'ont consulté
复制代码 代码如下:

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal