Bir formun gönderilmesini nasıl geciktirebilirim

Question

Formu göndermeden önce ek bir işlevim var. Bu hile yapmıyor.

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

    event.preventDefault(); 

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

}); 

Bu açık bir şekilde çalışmıyor.

Answer 1

Etkinliği jQuery seçiminde değil, form öğesinin kendisinde de tetiklemeniz gerekir.

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

    event.preventDefault(); 

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

: onun submit yöntemi

Önbellek formu (this) bir referans ve çağrı - (. setTimeout içinde this küresel nesnedir Aslında, hatta form öğesi seçilerek değildi) Verimsiz $(this).attr('id') çağrınızı this.id ile değiştirdiğimi unutmayın. Ayrıca jQuery yöntemi değil, DOM form öğesinin gönderme yöntemini çağırmanız gerektiğini unutmayın, böylece jQuery olay işleyicisi tetiklenmez, bu sonsuz (ve tamamen etkisiz) bir döngüye neden olur.

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

Gönderme olayını açmaya çalışın ve setTimeout içinden pencere yerine uygun "bu" bölümüne bakın. göndermek olay üzerine denir ve tekrar tekrar, fakat preventDefault sunulmasını engellediği içindir var

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

Answer 4

. İşleviniz yürütüldükten sonra gönder olayını engelleyin ya da önceden yürütüldüğünü ayarlamak ve kontrol etmek için bir boole değeri kullanın.

Answer 5

Fonksiyonunuzda bir geri arama ayarlayabilirsiniz

jquery gecikme yöntemiyle Ayrıca

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

mümkün:

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

Answer 7

başka küçük bir kod

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

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