如何在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
};