8

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

我想要两个提交按钮，一个在 <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/

4

5 回答 5

16

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

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

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

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

尽管他们做的事情完全相同。

于 2013-03-28T16:02:20.620 回答
3

使用submit()函数提交表单

$(".button").click( function() {
   $('#example').submit();
});
于 2013-03-28T16:02:59.980 回答
1 
$(".button").bind("click",function() {
    $('#example').submit();
});
于 2013-12-30T12:26:11.350 回答
1

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

$('#example').trigger('submit')
于 2013-03-28T16:02:30.720 回答
1 
$(".button").click( function() {
    $('#example').submit();
});
于 2013-03-28T16:02:49.317 回答