Binding представить обработчик для формирования в JQuery 1.7.1 возвращает ошибку

Question

Возьмем следующий код:

$("#docUploadForm").on("submit", function(event) { 
    event.preventDefault(); 
}); 

достаточно простого до сих пор, не так ли? Связывание инициируется внутри метода init(), который запускается на $(document).ready().

Chrome жалуется на линии, которая связывает представить: Uncaught TypeError: Object #<HTMLInputElement> has no method 'toLowerCase'

ошибка брошена приходит из ядра JQuery. Если кому-то интересно, соответствующий вызов находится по строке 1853 в jquery-1.7.1.js: var match = jQuery.noData[ elem.nodeName.toLowerCase() ];

Итак, что мне нужно для решения этой проблемы?

Firebug в Firefox 9 жалуется на ту же проблему. Таким образом, это не проблема с реализацией браузера.

Answer 1

Обнаружили проблему.

Это для внутреннего веб-приложения, в котором используется репозиторий контента Java. В JCR объекты называются узлами, поэтому мы ссылаемся на объект с использованием Node Names.

В моей форме у меня был скрытый ввод с идентификатором nodeName, который, по-видимому, вызывал конфликт с jQuery. Строка, которая была ошибкой в ​​jQuery, вызывала elem.nodeName, которая возвращала скрытый ввод вместо имени узла DOM, который он ожидал.

Итак, извлеченный урок: не давайте элементу формы идентификатор «nodeName», jQuery ему не нравится.

См. this Fiddle для демонстрации.