jQueryがフォームの送信を妨げないようにする

Question

jQueryを使用してフォームを送信しないようにしたいのですが、ユーザーが送信したいときに関数を実行します。ここで

は私のフォームマークアップです：

<form action="" method="post" id="msg-form"> 
    <p><textarea name="msg"></textarea><input type="submit" value="Send"></p> 
</form> 

そして、私のJavascriptコード：私は送信ボタンを押したときに

$('#msg-form').submit(function() { 
    return false; 
} 

しかし、フォームはまだ送信されると、ページが更新されます。フォームの送信を適切に防止するにはどうすればよいですか？

Answer 1

が行うように

Answer 2

$('#msg-form').submit(function(e){ e.preventDefault(); });

Answer 3

あなたは、ユーザーが実際の送信ボタンを与え、唯一の検証後にJSを使用して、フォーム送信することができませんでした：

HTMLを

<form action="" method="post" id="msg-form"> 
    <p><textarea name="msg"></textarea><input id="submit" type="button" value="Send"></p> 
</form> 

JS

$('#submit').on('click', function() { 
    // validate 
    $('#msg-form')[0].submit(); 
}); 

Answer 4

試してみてください。

$("#msg-form").submit(function (e) { 
    e.preventDefault(); 
}); 

Answer 5

submitイベントが実際にフォーム要素にバインドされていません。 DOMをロードした後にバインドするのを忘れているかもしれません！

$(document).ready(function() {の内部にイベントバインディングを挿入するか、またはすべての要素がロードされた後にスクリプトをページの最後にロードします。この

<form action='' onsubmit="doSomeWork();return false;"> 

Answer 6

これは

<form action='' onsubmit="return false;"> 

に動作しますしたがって、私は、フォームが発見されていることができなかったと仮定し、イベントハンドラをしても実行されていないようです。 DOMの準備ができたらハンドラ内でコードを囲みます。 jQueryのでは、それは単にそのように行うことができます。

$(function(){ 
    $('#msg-form').submit(function(event) { 
     event.preventDefault(); 
     // code executed when user tries to submit the form 
    }); 
}); 

また、あなたは上記を参照できるように、あなたはそれが提出されているフォームのデフォルトの動作を防ぐことができます。