如何通过点击链接提交带有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">&nbsp; &nbsp; <a href="#" id="mylink"> submit </a></form>接着：window.onload = function() {&nbsp; &nbsp; document.getElementById('mylink').onclick = function() {&nbsp; &nbsp; &nbsp; &nbsp; document.getElementById('myform').submit();&nbsp; &nbsp; &nbsp; &nbsp; return false;&nbsp; &nbsp; };};我建议你使用提交按钮提交表单，因为它尊重标记语义，它甚至适用于禁用javascript的用户。