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

Question

而不是提交按钮我有一个链接：<form>  <a href="#"> submit </a></form>我可以在点击时提交表单吗？

Answer 1

如果您使用jQuery并且需要内联解决方案，那么这将非常有效;

<a href="#" onclick="$(this).closest('form').submit();">submit form</a>

此外，您可能想要替换

<a href="#">text</a>

同

<a href="javascript:void(0);">text</a>

因此，单击链接时用户不会滚动到页面顶部。

Answer 2

您可以为表单和链接提供一些ID，然后订阅onclick链接和submit表单的事件：

<form id="myform" action="" method="POST">

    <a href="#" id="mylink"> submit </a>

</form>

接着：

window.onload = function() {

    document.getElementById('mylink').onclick = function() {

        document.getElementById('myform').submit();

        return false;

    };

};

我建议你使用提交按钮提交表单，因为它尊重标记语义，它甚至适用于禁用javascript的用户。