如何在 Javascript 中提交表单

Question

我已尝试搜索，但没有找到满意的结果。

我不使用 JQuery，我想用纯 JavaScript 来实现。我想制作与<form onsubmit="somefunction();"> 相同的内容，但直接来自 JavaScript。

类似：

if(document.getElementById("myid").ISSUBMIT) {
    somefunction();
}

在 Jquery 中我可以使用 on.submit 来实现，但是在 JavaScript 中怎么做呢？ 非常感谢！

Answer 1

您获得对表单元素的引用，然后：

1. 给onsubmit分配一个函数

   theFormElement.onsubmit = function() { /* ... */ };
   

   或

2. 使用addEventListener / attachEvent 挂钩submit 事件。如果你不需要 IE8 支持，你可以使用addEventListener：

   theFormElement.addEventListener("submit", function(e) {
       // your code here
   }, false);
   

   如果您还需要 IE8 支持，您可能希望使用一个函数来处理 IE8 使用 attachEvent 而不是 addEventListener 的事实，例如 this answer 中的那个。

要获得对表单的引用，您可以在表单上使用 id 并使用 document.getElementById，或者（在任何现代浏览器，甚至 IE8 上）您可以使用 document.querySelector 和任何 CSS 选择器找到表格。

Answer 2

您可以使用 JavaScript 的“onsubmit”事件。

HTML：

<form id="my-id">
    // elements
</form>

Javascript：

var form = document.getElementById( 'my-id' );
form.onsubmit = function(){
    // your code
};