イベントの処理自体の操作（５）
イベント処理のみを実行ーフォームを送信せずにメッセージのみを表示

$('#button1').click(function(ev) {
  $('form').trigger('submit');   //フォームが送信される
} );
$('#button2').click(function(ev) {
  $('form').triggerHandler('submit');   //フォームが送信されない
} );
$('form').submit(function(ev) {
$('#message').text('送信すればすぐ消える');  //フォーム送信後はページが更新されてこのメッセージは消去される。送信されなければメッセージが表示されたままになる。
} );

※どういう動作をしているのか、その意味さえ理解出来ない。


実行DEMO


変更前のhtml
<form action="#">
<div>
   <input type="submit" value="フォームの送信ボタン" /><br />
   <button id="button1"> 送信するボタン</button>
   <button id="button2"> 送信しないボタン</button>
</div>
</form>
<div id="message"></div>