Home  >  Article  >  Web Front-end  >  Detect whether the form element has been modified when leaving the page and prompt the saved js code_javascript skills

Detect whether the form element has been modified when leaving the page and prompt the saved js code_javascript skills

WBOY
WBOYOriginal
2016-05-16 18:20:391247browse
Copy code The code is as follows:

window.onbeforeunload = function() {
if(is_form_changed( )) {
return "Your modifications have not been saved. Are you sure you want to leave?";
}
}
function is_form_changed() {
var t_save = jQuery("#t_save "); //Detect whether the page wants to save the button
if(t_save.length>0) { //Detect the save button and continue to detect whether the element is modified
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());
});
});

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn