javascript - 外側の送信ボタンタグ

Question

2時間検索しましたが、解決策が見つかりませんでした。

< form > タグの内側と < form > タグの外側に 1 つずつ、合計 2 つの送信ボタンが必要です。

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