在<form>标记之外提交按钮

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');
});

虽然他们做的完全一样.