html表单提交链接,如何通过点击链接提交带有JavaScript的表单？

最好的方法

最好的方法是插入适当的输入标记：

最好的JS方式

submit

var form = document.getElementById("form-id");

document.getElementById("your-id").addEventListener("click", function () {

form.submit();

});

由封闭后的JavaScript代码DOMContentLoaded事件(只选择load了向后兼容性)如果你还没有这样做：

window.addEventListener("DOMContentLoaded", function () {

var form = document.... // copy the last code block!

});

简单，不可推荐的方式(前一个答案)

将onclick属性添加到链接和id表单：

submit

各方面

无论您选择何种方式，您formObject.submit()最终都会调用(标记formObject的DOM对象在哪里

)。

您还必须绑定这样一个调用的事件处理程序，formObject.submit()以便在用户单击特定链接或按钮时调用它。有两种方法：

推荐：将事件侦听器绑定到DOM对象。

// 1. Acquire a reference to our

.

//    This can also be done by setting

:

//       var form = document.forms.blub;

var form = document.getElementById("form-id");

// 2. Get a reference to our preferred element (link/button, see below) and

//    add an event listener for the "click" event.

document.getElementById("your-id").addEventListener("click", function () {

form.submit();

});

不推荐：插入内联JavaScript。有几个原因导致这种技术不值得推荐。一个主要的争论是你将标记(HTML)与脚本(JS)混合在一起。代码变得无组织且无法维护。

submit

submit

现在，我们来讨论触发submit()调用的UI元素。

一个按钮

submit

一条链接

submit

应用上述技术以添加事件侦听器。