Невозможно получить доступ к данным формы внутри данных, загруженных ajax, с помощью jquery

Question

У меня есть динамически загружаемая форма ajax, которая выглядит следующим образом:

<form id="ProtocolForm">
<input id="name_major" type="text" value="some value">
<input id="name_minor" type="text" value="some value">
<input id="Submit" type="submit" value="Submit Protocol">
</form>

На главной странице, с которой загружается контент ajax, у меня есть следующая функция:

$(document).on( "submit", "#ProtocolForm", function( event ) {
event.preventDefault();
alert('submit intercepted:' + $( this ).serialize() );
});

Моя проблема в том, что я не могу получить доступ к фактическим данным формы внутри этой функции. Функция вызывается соответствующим образом, однако как $ (this) .serialize (), так и $ ("ProtocolForm"). Serialize () кажутся пустыми.

Любая помощь будет принята с благодарностью. Спасибо!

Answer 1

Ваша проблема не связана с динамическим контентом.Вы правильно использовали делегирование.

Но .serialize() полагается на name атрибуты для сбора данных формы ... Просто добавьте их.

;)