Кнопка отправки не запускает событие jQuery bind'ed submit на IE

Question

У меня проблема с IE (8, не проверены на 7). У меня есть очень простая ситуация: создать элемент формы

var formNode = $('<form>'); 

прилагает кучу других элементов формы (fieldsets с входными элементами внутри таблиц). Я затем прикрепить форму к DOM, а затем свяжите представить обработчик:

formNode.bind('submit', function (ev) { 
    alert('submit of form!'); 
    // do lots of stuff.... 
} 

Это работает с Safari на моем Mac (й, я Mac парень), и на Safari и Firefox на Windows, но предупреждение не вызывается, когда я нажимаю кнопку отправки при использовании IE 8. Вместо этого браузер пытается отправить запрос GET для/(я не установил ни метод, ни действие для формы - возможно, это необходимо?).

Любые идеи были бы очень благодарны, так как я делаю изменения с ошибкой для отладки.

Answer 1

Существует множество проблем с прослушиванием событий из элементов формы с помощью jQuery в Internet Explorer. На форуме jQuery есть серия комментариев: IE-specific issues with live ('submit'). Конечно, я знаю, что вы используете bind, а не live, но многие из описанных проблем связаны с попытками использования обоих.

Я прокомментировал ваш ответ, спрашивая, какую версию jQuery вы используете. Если вы еще этого не сделали и можете сделать это, я бы обновился до последней версии.

Несколько коды решения:

Свяжите представить обработчик каждый ребенок из тела элемента
адаптирован из synertech1 ответа в вышеупомянутом JQuery обсуждения на форуме.

var submitHandler = function() { ... }; 

$("body").children().each(function() { 
     $("form", this).bind("submit", submitHandler); 
}) 

Привязка к типу подать входной
Я ненавижу эту опцию, потому что форма элемента является более подходящим элементом для связывания.

$('form > input[type*="submit"]').bind('click', function(event) { 
    var form = $(this).parent; 
    form.submit(); 
    event.preventDefault(); 
}); 

Answer 2

Вы не сказали, какой уровень HTML вы используете, но FWIW, action является обязательным атрибутом на form элементах в HTML4. Поэтому было бы неудивительно, если бы браузер не вел себя странно без него. (В HTML5, то validator говорит, что это не требуется больше, вероятно, потому, что некоторые из этих вещей теперь разрешены на самих кнопках отправки.)

Answer 3

Вы не забывать return false (или event.preventDefault()) из обработчика событий? Если нет, форма будет продолжать подаваться, эффективно перемещая вас по URL-адресу action или по тому же адресу, что и текущий документ, если его нет. Хотя на самом деле должно быть action как для действительности HTML, так и для обеспечения рабочего решения без JavaScript, где это возможно (прогрессивное улучшение и все такое).

Если вы сделать есть return false, убедитесь, что никакое JavaScript ошибки не происходит в коде обработчика, что прервать функцию, прежде чем он попадет в return false. Включите отчет об ошибках JS в настройках Интернета и/или используйте отладчик.