如何在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像这个答案中的那个.

要获得对表单的引用,您可以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
};