Question

我一直在寻找两个小时，我找不到任何解决方案。

我想要两个提交按钮，一个在＆lt;形式＆gt;标签和一个外面的＆lt;形式＆gt;标签

<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/

Answer 1

使用submit()功能触发表单提交：

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

您还可以使用trigger()功能：

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

虽然他们完全一样。

Answer 2

使用submit()函数提交表单

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

Answer 3

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

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

Answer 4

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

Answer 5

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

在<form>标签</form>之外提交按钮

5 个答案: