jquery - フォーム送信、Jquery

Question

このような方法でフォームを送信した場合：

HTML

<form id="form" name="form" action="test_url">
  <input type="text" name="test" value="">
  <input type="button" onclick="this.form.submit" value="submit">
</form>

jQuery

$('#form').submit(function() {
  alert('ok');
  return false;
});

jQueryで送信を防ぐことはできますか？

Answer 1

$('#form').submit(function(e) {
  e.preventDefault();
  alert('ok');
});

デモ

イベント引数（ここでは、e）を渡してコールバックを送信すると、メソッドを使用してフォームの送信を停止できます.preventDefault()。

jQueryドキュメントから.preventDefault()：

このメソッドが呼び出された場合、イベントのデフォルトのアクションはトリガーされません。

ノート

変化する

<input type="button" onclick="this.form.submit" value="submit">

に

<input type="submit" value="submit">

Answer 2

はい、イベントをハンドラーと一緒に渡し、preventDefault()メソッドを使用するだけです

$('#form').submit(function(evt) {
   evt.preventDefault();
   alert('ok');
});

参考：http ://api.jquery.com/event.preventDefault/