在表单提交上执行function

希望这是一个非常简单的问题！ 我已经在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处理程序。