<form> 标签外的提交按钮[重复]答案

【问题标题】：Submit button outside the <form> tags [duplicate]<form> 标签外的提交按钮[重复]
【发布时间】：2013-03-28 16:01:00
【问题描述】：

我已经搜索了两个小时，但找不到任何解决方案。

我想要两个提交按钮，一个在

标签外。

<form id="example" name="example" action="post">
    Input <input type="text" name="text" />
    <input type="submit" name="submit" value="submit" />
</form>

<div class="button">Submit</div>

JS/jQuery

$(".button").click( function() {
    alert("Button clicked");
});

如何在表单外发送带有 ('.button') 类的表单？

这里是 JS 小提琴：http://jsfiddle.net/ZQLXb/

【问题讨论】：

我都试过了 $('#example').trigger('submit');和 $('#example').submit();但它不想为我工作！有人可以向我发布正确的 JS Fiddle 吗？

标签： javascript jquery forms

【解决方案1】：

使用submit()函数触发表单提交：

$(".button").click( function() {
    $('#example').submit();
});

你也可以使用trigger()函数：

$(".button").click( function() {
    $('#example').trigger('submit');
});

虽然他们做的事情完全相同。

【讨论】：

我都试过了，但不想工作。这是我的新小提琴jsfiddle.net/jWuAe
我认为您不能在 jsfiddle 中提交 <form>，但它可以在真实文档中使用。

【解决方案2】：

使用submit()函数提交表单

$(".button").click( function() {
   $('#example').submit();
});

【讨论】：

【解决方案3】：

您可以在表单上触发submit 事件：

$('#example').trigger('submit')

【讨论】：

【解决方案4】：

$(".button").click( function() {
    $('#example').submit();
});

【讨论】：

【解决方案5】：

$(".button").bind("click",function() {
    $('#example').submit();
});

【讨论】：