Question

希望这是一个非常简单的问题！我已经在jQuery中使用代码来监听要提交的页面上的特定表单并在它出现时执行警告。即：表单本身没有ID，因此我将表单中的表单作为目标DIV ID。

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

在不使用jquery的情况下，单独使用javascript执行此操作的语法是什么？例如，我有这个代码（下面），并且不确定如何监听要提交的表单以执行操作..

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

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

Answer 3

首先，您应该知道getElementsByTagName将返回NodeList，您需要获取第一个DOM元素，例如：

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

然后你可以绑定submit事件：

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

Answer 4

您可以使用onsubmit处理程序。

在表单提交上执行功能

4 个答案: