jQuery: Änderungen eines Formulars überwachen

Per JavaScript alle Änderungen eines Formulares überwachen und entsprechend reagieren.

Quelle: http://www.d-mueller.de/blog/aenderungen-einer-form-ueberwachen/

 var initial = "";

$(document).ready(function() {
    
    //Formular Serializieren
    initial = $("form").serialize();
 
    //Submit Button als Ausnahme definieren
    $("form").bind("submit", function() {
        window.onbeforeunload = null;
    });
});

//Prüfung, ob sich das Formular geändert hat.
function hasChanged(){
    return !(initial === $("form").serialize());
}

//Hinweismeldung, ob man die Seite wirklich verlassen möchte.
window.onbeforeunload = function (e) {
    if (!hasChanged())
        return;
       
    var e = e || window.event,
    str = 'Wollen Sie die Seite wirklich verlassen, ohne die Änderungen zu speichern?';

    // For IE and Firefox prior to version 4
    if (e)
        e.returnValue = str;
 
    // For Safari
    return str;
}

+3

-4