javascript - 如何在 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 Hook 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 选择器。