提交按钮外<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'); 
}); 

虽然他们做的都是一样。

Answer 2

你可能会引发submit事件的形式：

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

Answer 3

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

Answer 4

使用submit()功能提交表单

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

Answer 5

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