javascript - 提交按钮外标签

Question

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

我想要两个提交按钮，一个在 <form> 标签内，一个在 <form> 标签外。

<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

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

Answer 4

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

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

Answer 5

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