送信イベントが.on（）メソッドを使用して処理されるときにフォームの送信を防止する方法

Question

jQuery Mobileを使用するページ内にフォームがあります。

それはちょうど古き良きフォーム、空想何も：私はスクリプトブロック（：$（関数（）{}）を囲む;明確にするために省略されることに注意）：に以下を追加した場合

<form action="index.php" method="post"> 
    <input type="text" name="owner" id="owner" /> 
    <button type="submit">Add</button> 
</form> 

$('form').submit(function(event){ 
    // event.preventDefault(); doesn't work here?!? 
    return false; 
}); 

...どのような形式でも送信されません。ただし、この方法はjQuery Mobileでは使用できません。ページが変更されると、DOMが変更されたときにイベント・バインディングが適用されないためです。

だから私は、代わりにこのアプローチをしようとした場合、：

$(document).on('submit', 'form', function(event){ 
    // event.preventDefault(); doesn't work here as well... 
    alert('submit!'); 
    return false; 
}); 

...フォームは、それがfalseを返すにもかかわらず、提出されます（ボタンがクリックされたときにアラートがあります）。

ここでは何が起こっているのですか？

Answer 1

フォームにハンドラを接続する代わりに、[送信]ボタンを使用します。

event.preventDefault() 

は、きっとあなたが検証を行っている（またはあなたがフォームの送信前に行いたいものは何でも）一度、あなたは

$('#target').submit();