jquery warnen, wenn die Seite verlassen wird, ohne auf die Schaltfläche zum Speichern zu klicken

Question

Der folgende Code führt eine Warnung aus, wenn Sie Daten auf der Seite ändern und dann die Seite verlassen. Ich will das - außer wenn der Benutzer die Speichern-Taste drückt. Diese

ist die jQuery-Code:

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

Dies ist der Knopf, der die Daten gespeichert werden:

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

UPDATE Dank tymeJV !!!!!!!

Falls jemand braucht es anders, das funktioniert:

$(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

Angesichts Ihrer info speichern Taste:

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

Sie den Wert von formmodified

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

Ihr Scheck einstellen am Ende sollte jetzt nicht ausgelöst werden

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

Sie können Google JQuery Formular Serialize-Funktion, diese sammelt alle Formulareingaben und speichert sie im Array. Ich denke, diese Erklärung ist genug :)

Answer 3

Dies ist keine exakte Antwort auf die obige Frage, sondern als Referenz für diejenigen, die nach einer Lösung für das Problem suchen 'benachrichtigen Benutzer über nicht gespeicherte Formularänderungen' wie ich war, ich ' Ich empfehle das jQuery-Plugin AreYouSure. Dieses sehr leichte Plug-in verarbeitet alle nuts und fett wie rückgängig gemachten Formularänderungen, klicken Sie auf die Form Reset-Taste, Hinzufügen/Entfernen von Formularfelder usw. ohne weitere Fiedeln.

Answer 4

Wenn Sie die Seite verlassen verhindern soll, wenn ein Link geklickt wird, können Sie zum beforeunload Ereignis binden kann und passieren e in:

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