Как отловить событеие submit через addEventListener?

Question

[Сергей Беловенцев]

пытаюсь добавить передаваемые данные при отправке формы пост собствено вот форма

<form id="formMenu" action="/admin/menu/menuget/create" method="post">
       <input id="menuget-key_setup" class="name" name="MenuGet[key_setup]" aria-required="true" type="text">
    </form>
    <a id="secures" class="btn btn-success col-lg-offset-8 col-md-offset-8 col-sm-offset-6" href="#">Сохранить меню</a>

для того что бы исключить веенье говнокода (отсылка формы по ссылке и много других подванивающих моментов) хотелось бы работать с формой через addEventListener
вот скрипт отправки

$("#secures").click(function (e) {
        e.preventDefault();
         $('#formMenu').submit();}

пытаюсь получить отправку формы так

var form = document.getElementById('formMenu');
    form.addEventListener('submit', function(ev) {
        aletr('yes');
        oData = new FormData(form);
        console.log(oData);
        return false;
    });

но форма отправляется, alert не выводится что я делаю не так ? Jquery подключено.

Comments

[Kovalsky]

В приведенном вами коде нигде нету алерта

[Сергей delphinpro]

я что я делаю не так ?

Вы не смотрите в консоль!!!

Answer 1

[ngame]

$("#formMenu").submit(function(e) {
e.preventDefault();
alert("submitted");
})

Comments

[ngame]

Получить доступ к форме let form = e.currentTarget;

[Kovalsky]

ngame: было бы логичней использовать нормализованное значение, то есть this

[ngame]

Никита Полевой: согласен

Answer 2

[Alexander]

Поискал и нашел тут:

$().submit() triggers the jquery submit event and not the eventlisterner

(хотел бы зарыться поглубже и посмотреть подробнее различия сейчас, но времени нет)

Так что если вы пошли во все тяжкие с jQuery то и форму забирайте через него и событие слушайте через его .on

var form = $('#formMenu');
    form.on('submit', function(ev) {

Плюс еще отсутствует закрывающая скобка в строке:

$('#formMenu').submit();}
)