jquery离开页面检测修改提示保存

离开页面时,检测表单元素是否被修改,然后给出提示.防止用户错失修改的机会,提高用户体验。
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());  
    });   });  

你可能感兴趣的:(Jquery)