Выполнить функцию при отправке формы

Question

Надеюсь, это довольно простой вопрос! У меня есть код, работающий в jQuery для прослушивания определенной формы на странице, которую нужно отправить, и выдачи оповещения, когда она есть ... Т.е. форма сама по себе не имеет идентификатора, поэтому я нацеливаюсь на форму внутри определенного DIV ID.

$("#content form").submit(function() {
    alert("lorem ipsum dolor?");
});

Какой будет синтаксис для выполнения этого только в javascript без использования jquery? Например, у меня есть этот код (ниже), и я просто не уверен, как прослушать форму, которая будет отправлена ​​для выполнения действия.

var submitform = document.getElementById("content").getElementsByTagName("form");

Спасибо!

Answer 1

Чтобы сделать это в кросс-браузерном, не разрушительным способом, требуется немного кода:

var submitform = document.getElementById("content").getElementsByTagName("form")[0],
    callback = function(){
       alert("lorem ipsum dolor?");
    };


if(window.addEventListener){
   submitform.addEventListener("submit", callback, false); // Most modern browsers
} else if (window.attachEvent){
   submitform.attachEvent("onsubmit", callback); // IE
} else {
   submitform.onsubmit = callback; // Destroys other handlers
}

Answer 2

Прежде всего, вы должны знать, что getElementsByTagName вернет NodeList, вам нужно получить первый элемент DOM, например ::

var submitForm = document.getElementById("content")
                         .getElementsByTagName("form")[0];

Затем вы можете связать событие submit:

submitForm.onsubmit = function () {
  alert("lorem ipsum dolor?");
};

Answer 3

submitform.onSubmit = function() {
    alert("lorem ipsum dolor?");
}

Answer 4

Вы можете использовать обработчик onsubmit.