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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值