Przesłanie jQuery formularza nie działa, gdy zgłoszenie jest wywoływane przez javascript na elemencie

Question

Mam stronę z normalnym formularzem z przyciskiem przesyłania i jQuery, która wiąże zdarzenie przesyłania formularza i zastępuje je e.preventDefault() i uruchamia AJAX dowództwo. Działa to dobrze po kliknięciu przycisku przesyłania, ale po kliknięciu linku z onclick='document.formName.submit();' wydarzenie nie zostanie przechwycone przez procedurę obsługi zdarzeń formularza AJAX. Wszelkich pomysłów, dlaczego nie lub jak to działa bez wiązania wszystkich elementów?

Answer 1

Kilka sugestii:

• nadpisać funkcję, aby zrobić swoje zło licytacja

    var oldSubmit = form.submit; 
    form.submit = function() { 
     $(form).trigger("submit"); 
     oldSubmit.call(form, arguments); 
    } 

• Dlaczego nie wiążą wszystkich <a> tagów złożyć? Wtedy nie trzeba robić żadnych łatanie małpa, a może to być tak proste, jak to (zakładając, wszystkie linki są wewnątrz tagu formularza):

    $("form a").click(function() { 
     $(this).parents().filter("form").trigger("submit"); 
    }); 

Answer 2

Jeśli korzystasz z jQuery, powinieneś załączać zdarzenia za pomocą własnego event mechanism, a nie za pomocą właściwości "on" (onclick itp.). Ma również własną metodę wyzwalania zdarzeń, o wdzięcznej nazwie "trigger", której należy użyć w celu aktywowania zdarzenia przesyłania formularza.

Answer 3

Dzięki Eran

Używam tego wiążącego kodeksu

this._form.bind('submit', Delegate.create(this, function(e) { 
    e.preventDefault(); 
    this._searchFadeOut(); 
    this.__onFormSubmit.invoke(this, new ZD.Core.GenericEventArgs(this._dateField.attr('value'))); 
}); 

zdarzenie ale jest dziedzictwo kod onclick na HTML i wolałbym go nie zmieni ponieważ istnieje tak wiele linków.

Answer 4

Ten pracował dla mnie:

Producent obojętne przycisk, ukryć prawdziwy przedstawić z imienia przedstawienia,

a następnie:

$("#mySubmit").click(function(){ 
    $("#submit").trigger("click"); }); 

ustawić obsługi zdarzeń na manekinie do uruchomienia kliknij na fo przycisk rm submit. pozwól przeglądarce dowiedzieć się, jak przesłać formularz ... W ten sposób nie musisz preventDefault na formularzu submit, w którym zaczyna się problem.

To wydawało się rozwiązać problem.