Как навесить событие на форму, которая загружается из внешнего файла?

Question

[Владимир Голубь]

Есть страница в нее по нажатию кнопки, при помощи функции вставляю форму.

$('#right').load('pages_cabinet_head/managers.html');

Используя делегирование,при загрузке страницы вешаю на нее событие, но оно не работает в чем ошибка не понимаю, и такая проблема только с формой. На другие части интерфейса все событие "навешались".

$('#right').on(
    'sumbit',
    '#addManagerForm',
    function(){
        event.preventDefault();
        postAddManager();
    }
);

Сама форма для вставки

<div id="formAddManager"><!-- Само окно -->
    <p>Добавить менеджера<img class="formClose" src="images/close.png"></p>
    <form id="addManagerForm">
        <label>Фамилия</label><br>
        <input type="text" class="lastName" name="managerLastName" required><br>
        <label>Имя</label><br>
        <input type="text" class="firstName" name="managerFirstName" required><br>
        <label>Телефон</label><br>
        <input type="text" class="telefon" name="managerTelefon" required><br>
        <label>Email</label><br>
        <input type="text" class="email" name="managerEmail" required><br>
        <label>Пароль</label><br>
        <input type="text" class="password" name="managerPassword" required><br>
        <button id="addManagerButton" type="submit">Добавить</button>
    </form>
</div>

После нажатия на кнопку запрос вставляется в адресную строку, и все. Функция не запускается проверил точно 100%.

Comments

[Владимир Голубь]

$(document).on(
'sumbit',
'#addManagerForm',
function(){
console.log(1);
return false;
}
);

Даже без запуска функции не работает

[Роман Нестерук]

исправьте 'sumbit', на 'submit' !)

[Владимир Голубь]

Роман Нестерук: о точно, вот это я проглядел. Спасибо )))

Answer 1

[Денис Инешин]

Вы event то не передаете внутрь функции:

function(event){ // <- сюда
        event.preventDefault();
        postAddManager();
    }

Comments

[Владимир Голубь]

тоже самое, в строку опять вставляет, return false тоже не помогает.

[Денис Инешин]

Владимир Голубь: Окей, у вас еще ID не правильный. В форме: formAddManager, в JS addManagerForm. Чувствуете разницу? ))

[Роман Нестерук]

$(document).on вместо $('#right').on попробуйте!

[Владимир Голубь]

Денис Инешин: formAddManager это id div

[Владимир Голубь]

Денис Инешин: а id формы правильный

[Владимир Голубь]

Роман Нестерук: не помогает,