离开页面,检测表单元素是否被修改,提示保存

 离开页面时,检测表单元素是否被修改,然后给出提示.

 

代码

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