Come ritardo di invio di un modulo

Question

Ho una funzione aggiuntiva da eseguire prima di inviare il modulo. Questo non sta facendo il trucco.

$('form').submit(function(event) { 
    var formId = $(this).attr('id'); 
    mySpecialFunction(formId); 

    event.preventDefault(); 

    setTimeout(function() { 
     $(this).submit(); 
    }, 300); 

}); 

Questo non funziona ovviamente.

Answer 1

È necessario attivare l'evento sull'elemento modulo stesso, non su una selezione jQuery. (In realtà, si erano neanche selezionare l'elemento di forma - all'interno setTimeout, this è l'oggetto globale.)

Cache riferimento alla forma (this) e chiamare il metodo submit:

$('form').submit(function(event) { 
    var formId = this.id, 
     form = this; 
    mySpecialFunction(formId); 

    event.preventDefault(); 

    setTimeout(function() { 
     form.submit(); 
    }, 300); 
}); 

Nota che ho anche sostituito la tua inefficiente chiamata $(this).attr('id') con this.id. Si noti inoltre che è necessario chiamare il metodo di invio dell'elemento del modulo DOM, non il metodo jQuery, in modo che il gestore di eventi jQuery non sia attivato, il che causerebbe un ciclo infinito (e totalmente inefficace).

Answer 2

$('form').submit(function(event) { 
    var formId = this.id, 
       $this = $(this); 

    mySpecialFunction(formId); 

    event.preventDefault(); 
    $this.unbind("submit"); 
    setTimeout($.proxy($.fn.submit, $this), 300); 

}); 

Answer 3

Provare a separare l'evento di invio e all'interno del setTimeout fare riferimento al "questo" corretto anziché alla finestra.

$(this).unbind("submit"); 
var self = this; 
setTimeout(function() { 
    $(self).submit(); 
}, 300); 

Answer 4

Ecco perché l'evento di invio viene chiamato più e più volte, ma impedisce l'invio a causa di preventDefault. O separare l'evento di invio dopo che la funzione è stata eseguita, o utilizzare un valore booleano per impostare e verificare se è già stato eseguito.

Answer 5

è possibile impostare una richiamata nella funzione

$('form').submit(function(event) { 
    var formId = $(this).attr('id'); 

    mySpecialFunction(formId, $(this).doWhatever(formId); 

    event.preventDefault(); 
}); 

function mySpecialFunction(id, onComplete) { 

    if ($.isFunction(onComplete)) { 
     onComplete.call(this); 
    } 
} 

Answer 6

anche possibile con il metodo di ritardo jquery:

$(function() { 
    $('#the_form').delay(300).submit(); 
}); 

Answer 7

un altro piccolo codice per ritardare forma presentare come segue

$('form').submit(function (e) { 
    var form = this; 
    e.preventDefault(); 
    setTimeout(function() { 
     form.submit(); 
    }, 1000); // in milliseconds 

    $("<p>Delay...</p>").appendTo("body"); 
});