Rufen Sie eine Funktion auf, nachdem Formular zurücksetzen

Ist es eine Methode für mich, um eine Funktion aufrufen nach Klick auf den reset-Knopf in form, und ich meine nach, so dass das Formular zuerst zurückgesetzt und dann meine Funktion aufgerufen. Normal-Ereignis-bubbling würde meine Funktion, und nur setzen Sie dann die form. Nun möchte ich vermeiden, setTimeout, um dies zu tun.

Was ich brauche, ist eine Funktion aufzurufen, wenn ein Formular zurückgesetzt wird, weil ich die Verwendung einheitlicher und einheitlich aktualisiert werden muss, wenn sich Werte ändern.

Im moment mache ich es so: 

//Reset inputs in a form when reset button is hit  
$("button[type='reset']").live('click', function(){  
    elem = this;  
    //Sadly we need to use setTimeout to execute this after the reset has taken place  
    setTimeout(function(){  
        $.each($(elem).parents('form').find(":input"), function(){  
            $.uniform.update($(this));  
        });  
    }, 50);  
});

Habe ich versucht zu tun, al diese auf $(':input').change() aber zurücksetzen ein element scheint nicht zum auslösen des change-Ereignisses.

Vielen Dank im Voraus für jede Hilfe.

InformationsquelleAutor Virgil Balibanu | 2011-11-16
  1. 7

    HTML-Formularen zu tun haben onReset-Ereignis, können Sie Ihre call-innen:

    function updateForm()
{
    $.each($('form').find(":input"), function(){  
        $.uniform.update($(this));  
    });  
}

<form onReset="updateForm();">

    Wie schon in den Kommentar von Frédéric Hamidi Sie können auch bind etwa so:

    $('form').bind('reset', function() {
    $.each($(this).find(":input"), function(){  
        $.uniform.update($(this));  
    }); 
});

    Nach einigen Tests scheint es in beide Richtungen ausgelöst werden, bevor der reset erfolgt und nicht nach. Die Art, wie Ihr es tun, jetzt scheint der beste Weg zu sein.

    Dem gleichen Ergebnis wurde gefunden, in dieser Frage hier

    • Auf meinem browser (Firefox 8), die Bindung an die reset noch läuft der hf vor, die Felder sind eigentlich reset (fiddle hier). Dieses Verhalten ist wahrscheinlich erforderlich, um zu unterstützen preventDefault() auf die reset Veranstaltung.
    • True, können Sie auch binden reset. Scheint nicht so oder so ausgelöst, nachdem das zurücksetzen abgeschlossen ist und Zweifel gibt es keine wirkliche effiziente Art und Weise zu tun, ist es neben der Verwendung eines timeout, wie er jetzt tut.
    InformationsquelleAutor Jeff Wilbert
  2. 7

    Ich noch nicht getestet, in allen Browsern, aber Sie können Ihre eigene Bestellung innerhalb von ein click-Ereignis:
    http://jsfiddle.net/vol7ron/9KCNL/1/

    $(document).ready(function() {
    $("input:reset").click(function() {       //apply to reset button's click event
        this.form.reset();                    //reset the form
        window.alert($("input:text").val());  //call your function after the reset      
        return false;                         //prevent reset button from resetting again
    });
});
    InformationsquelleAutor vol7ron
  3. 4

    Zeit arbeitete ich Debuggen einer Google IE-Verwandte plugin, und ich löste die wichtigsten Fehler, die mit einer blubbernden trick. Das ist, warum ich denke, dass dann sofort die Lösung für Ihr problem (natürlich sollte cross-browser):

    <form>
    <div id="capture_bubble">
        <input type="text"><input type="reset">
    </div>
</form>

    Auf diese Weise können Sie erfassen die sprudelnden mit $('#capture_bubble') nach reset-Ereignis ausgelöst werden.

    Können Sie eine schnelle Prüfung mit:

    (function($) {
    $(function() {
        $('#capture_bubble').live('click', function(){
            console.debug('capture_bubble');
            alert('capture_bubble')
        })
        $("input[type='reset']").live('click', function(){
            this.form.reset(); //forcing reset event
            console.debug('reset');
            alert('reset')
        });                 
    });
})(jQuery);

    Bitte beachten Sie: diese.form.reset(); (änderung aufgrund einer jeff-wilbert Beobachtung)

    • Während in der Theorie, die Lösung klingt gut und schaut man auf der Konsole den sprudelnden Effekt funktioniert in diesem reset wird zuerst angerufen und angemeldet, gefolgt von der capture_bubble aber das Formular nicht tatsächlich zurückgesetzt Recht, wenn der reset-button geklickt wird, und die Werte bleiben, wenn es im capture_bubble, habe ich mir eine Geige hier testen dieses: jsfiddle.net/Awfap im Grunde habe ich nur noch eine Warnung im inneren des capture_bubble Veranstaltung zu Lesen, der Wert von einem Eingabefeld in das Formular nur nach reset geklickt wurde, durch Verwendung einer booleschen variable.
    • dieses jsfiddle tool ist großartig!. Bitte überprüfen Sie http://jsfiddle.net/Awfap/3/ ich habe gerade gezwungen ein reset-Ereignis. Was denkst du?
    • Ja jsfiddle ist genial; ich fand heraus, über es selbst vor ein paar Tagen neu hier mich. Es ist toll zum testen und erstellen des Arbeits-demos für die Menschen. Das sagte Ihre neue ändern, zwingen Sie die reset scheint zu funktionieren genial und in jedem browser so, sehr schön. +1 auf deine Antwort
    • danke. gute Beobachtungen und ein gutes tool vorgestellt.
    • Wenn der reset gezwungen. Brauchen Sie sprudelt?
    InformationsquelleAutor Igor Parra
  4. 3

    sollten Sie nicht brauchen, zu warten 50 Millisekunden. Wenn Sie setTimeout mit einem timeout von null, dies effektiv bedeutet, "drücken Sie diesen code auf das Ereignis-Stapel". Da die form-reset wird garantiert gefeuert haben zuerst, den code in die setTimeout gewährleistet ist (in gut benommen javascript-Interpreter) zu haben, Zugriff auf das Formular Werte, die Sie möchten (post-reset). Sie sollten in der Lage sein verwenden Sie den folgenden code, Schuld-frei.

    var afterReset = function(){
    var pushMeOntoTheEventStack = window.setTimeout(function(){
        $("#form input").each(function(){
            console.log( this.name + ' = ' + this.value );
        });
    },0);
};
$("#form").on("reset",afterReset);
    • siehe Fenster.postMessage für eine moderne Art, dies zu tun
    • Ich habe gerade auf dieses problem.Der reset-Ereignis wird ausgelöst, bevor das zurücksetzen der Werte. Ich würde gerne mehr darüber wissen. Irgendeine Idee, wo ich Lesen konnte über dieses eigenartige Verhalten?
    • dies ist eine großartige Referenz: developer.mozilla.org/en-US/docs/Learn/JavaScript/...
    • Netter trick mit der 0 ms Verzögerung!
    InformationsquelleAutor code_monk
Schreibe einen Kommentar