jquery, kaydetme düğmesine tıklamadan sayfadan ayrılırsa uyarı verir

Question

Aşağıdaki kod, sayfadaki verileri değiştirir ve ardından sayfadan ayrılırsanız bir uyarı verir. Bunu istiyorum - kullanıcı kayıt düğmesine bastığında hariç.

$(document).ready(function() { 
    formmodified=0; 
    $('form *').change(function(){ 
     formmodified=1; 
    }); 
    window.onbeforeunload = confirmExit; 
    function confirmExit() { 
     if (formmodified == 1) { 
      return "New information not saved. Do you wish to leave the page?"; 
     } 
    } 
}); 

Bu verileri kaydeder düğme:

Bu jquery kodudur

<input class="btn-primary" name="commit" type="submit" value="Save Material"> 

GÜNCELLEME Teşekkür tymeJV !!!!!!! durumda birisi olarak

başka ihtiyaç, bu çalışır:

$(document).ready(function() { 
    formmodified=0; 
    $('form *').change(function(){ 
     formmodified=1; 
    }); 
    window.onbeforeunload = confirmExit; 
    function confirmExit() { 
     if (formmodified == 1) { 
      return "New information not saved. Do you wish to leave the page?"; 
     } 
    } 
    $("input[name='commit']").click(function() { 
     formmodified = 0; 
    }); 
}); 

Answer 1

sizin tasarruf düğmesi bilgileri göz önüne alındığında: Sen formmodified

$("input[name='commit']").click(function() { 
    formmodified = 0; 
}); 

Sizin onay değerini ayarlayabilirsiniz

<input class="btn-primary" name="commit" type="submit" value="Save Material"> 

sonunda tetiklenmemelidir şimdi

Answer 2

$('#form').data('serialize',$('#form').serialize()); // On load save form current state 

$(window).bind('beforeunload', function(e){ 
    if($('#form').serialize()!=$('#form').data('serialize'))return true; 
    else e=null; // i.e; if form state change show box not. 
}); 

Google JQuery Form Serileştirme işlevini kullanabilirsiniz; bu, tüm form girişlerini toplar ve dizide saklar. Bu açıklamanın yeterli olduğunu tahmin ediyorum :)

Answer 3

Yukarıdaki sorunun tam bir cevabı değil, soruna bir çözüm arayanlar için 'referanslar, kaydedilmemiş form değişiklikleri hakkında kullanıcıları uyarıyorum' gibi oldu. d jQuery eklentisi AreYouSure'u tavsiye etmeyi sever. Bu çok hafif eklenti, form değiştirilen form değişiklikleri ekleme/kaldırma, form değiştirilmiş form değişiklikleri gibi geri dönüşü olmayan form değişiklikleri gibi tüm fındık ve cıvataları ele alır.

Answer 4

bir bağlantı tıklandığında bırakarak sayfanın engellemek istiyorsanız, beforeunload olayına bağlamak ve e geçirebilirsiniz: sadece sayfanın süresince kullanılan 'formmodified' mı

$(document).ready(function() { 
    var modified = false; 
    $(window).bind('beforeunload', function(e){ 
     if (modified) { 
      $.confirm({ 
       'title' : 'Did You Save Your Changes?', 
       'message' : 'It seems as if you have made changes but didn\'t click Save.\nAre you sure you want to leave the page?', 
       'buttons' : { 
        'OK' : { 
         'class' : 'gray', 
         'action': function(){} // Nothing to do in this case. This can be omitted if you prefer. 
        } 
       }) 
      } 
      e.preventDefault(); 
     } 
    }); 
});