Форма переопределения jQuery не работает, когда submit вызывается javascript для элемента

Question

У меня есть страница с обычной формой с кнопкой отправки и некоторым jQuery, который связывается с событием отправки формы, переопределяет его с помощью e.preventDefault() и запускает команду AJAX. Это прекрасно работает при нажатии кнопки отправки, но когда нажата ссылка с onclick='document.formName.submit();', событие не перехватывается обработчиком события отправки формы AJAX. Любые идеи, почему нет или как заставить это работать без привязки ко всем элементам a?

Answer 1

Пара предложений:

• Перезаписать функцию отправки для выполнения злых торгов

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

• Почему бы не связать все теги ? Тогда вам не нужно вносить какие-либо исправления, и это может быть так просто (при условии, что все ссылки внутри тега формы):

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

Answer 2

Если вы используете jQuery, вы должны прикреплять события через собственный механизм событий , а не через свойства "on" (onclick и т. Д.). Он также имеет свой собственный метод запуска событий, который называется « trigger » и который следует использовать для активации события отправки формы.

Answer 3

Это сработало для меня:

Сделать фиктивную кнопку, скрыть реальную отправку с именем submit,

и затем:

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

установить обработчик событий на манекене, чтобы вызвать нажатие на кнопку отправки формы. пусть браузер выяснит, как отправить форму ... Таким образом, вам не нужно preventDefault при отправке формы, с которой начинается проблема.

Это, похоже, решило проблему.

Answer 4

Спасибо, Эран

Я использую этот код привязки события

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')));
});

, но в HTML есть устаревший код onclick, и я бы предпочел не менять его, так как ссылок так много.