点击表单外的元素时，是否有一种方法可以发送表单？

Question

正如标题所说，是否有一种方法可以在单击表单之外的元素时发送表单？此外，是否可在不使用与表单相关联的（button/input等）元素的情况下实现？

例如，当单击

时，是否可以提交表单？

- tomsseisums

Answer 1

当然：

<form name="myForm" action="" method="post">
    <!-- form inputs go here -->
</form>

<div id="formSubmit"></div>

<script type="text/javascript">
    var myForm = document.forms['myForm'];
    var formSubmit = document.getElementById('formSubmit');

    formSubmit.onclick = function(){
        myForm.submit();
    }
</script>

- Major Productions

Answer 2

document.getElementById("formName").submit();

- Sachin R

---

@Tom：这应该可以工作。你检查过你传递给 getElementById 的是你的表单 id（而不是名称）吗？ - nico

Answer 3

要提交表单，您可以调用 form.submit()。

- Douglas

Answer 4

确保为该表单分配一个 ID。

一旦单击所需元素（按钮/输入框/ div），您可以在JavaScript中执行以下操作：

$("#YourFormId").submit();

- Mahesh Velaga

---

你应该明确指出这是“JQuery方式”来实现。其他解决方案（使用document.getElementById的解决方案）不需要外部库。 - nico

检查标签，OP使用了JQuery :) - Mahesh Velaga

抱歉，我没有看到那个标签 :) 不过最好还是明确说明，以防其他读者不一定会查看标签（就像我一样），可能是通过谷歌链接来到这里的。 - nico