编辑表单后离开本页面时做提示(jQuery版)

最新推荐文章于 2021-04-11 18:50:55 发布

baining97

最新推荐文章于 2021-04-11 18:50:55 发布

阅读量260

点赞数

分类专栏：编程-js 文章标签： jQuery F# 脚本 ViewUI

本文链接：https://blog.csdn.net/baining97/article/details/83531263

版权

编程-js 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

//编辑表单后离开本页面时做提示(jQuery版)

$.fn.enable_changed_form_confirm = function ( prompt ) {       
    var _f = this;     
 $(':text, :password, textarea', this).each(function() {       
        $(this).attr('_value', $(this).val());       
    });     
     
    $(':checkbox, :radio', this).each(function() {       
        var _v = this.checked ? 'on' : 'off';       
        $(this).attr('_value', _v);       
    });     
     
    $('select', this).each(function() {       
        $(this).attr('_value', this.options[this.selectedIndex].value);       
    });       
           
    $(this).submit(function() {       
        window.onbeforeunload = null;       
    });       

     
    window.onbeforeunload = function() {       
     if(is_form_changed(_f)) {       
            return prompt;       
        }  
    }       
}     
     
function is_form_changed(f) {       
    var changed = false;       
    $(':text, :password, textarea', f).each(function() {       
        var _v = $(this).attr('_value');       
        if(typeof(_v) == 'undefined')   _v = '';       
        if(_v != $(this).val()) changed = true;       
    });       
     
    $(':checkbox, :radio', f).each(function() {       
        var _v = this.checked ? 'on' : 'off';     
        if(_v != $(this).attr('_value')) changed = true;       
    });       
      
    $('select', f).each(function() {       
        var _v = $(this).attr('_value');       
        if(typeof(_v) == 'undefined')   _v = '';       
        if(_v != this.options[this.selectedIndex].value) changed = true;     
    });       
    return changed;       
}

$(function() {       
    $('form').enable_changed_form_confirm( "您确定不保存就离开页面吗?" );       
});

以上脚本引自网上高手所写，很好用！引用以上js之前需要引入jQuery脚本文件！