jQueryを使用したフォーム提出の停止

Question

jQueryを使用してフォームが送信されるのを中断して防止したいと考えています。これまで

<div id="register-box"> 
     <div id="register-box-inner"> 
      <h2>Register</h2> 
      <form action="/register" method="post" id="register-form"> 
       <p><label for="username">Username:</label><input type="text" name="username"></p> 
       <p><label for="password">Password:</label><input type="password" name="password"></p> 
       <p><label for="email">E-mail:</label><input type="text" name="email"></p> 
       <p><input type="submit" value="Register" class="register"></p> 
      </form> 
     </div> 
    </div> 

、私のJavascriptコード：ここに私のフォームマークアップだ

$('#register-form').submit(function(e){ 
    e.preventDefault(); 
    alert("hi"); 
}); 

問題であり、フォームがまだ通り抜けます。私は、AJAXを使用してフォームを送信したいと思いますが、Javascriptを有効にしていないユーザーにはフォールバックを行います。 Javascriptコンソールにもエラーは表示されません。

Answer 1

はハンドラからfalseを返してみ

$("form").live("submit", function() { 
     alert("hi"); 
     return false; 
    }); 

Answer 2

を試してみてください。

$('#register-form').submit(function(e){ 
    e.preventDefault(); 
    alert("hi"); 
    return false; 
}); 

Answer 3

試してみてください。[提出のEventListenerと停止フォーム送信]の

<p><input type="submit" value="Register" class="register" onclick="submit(); return false;"></p>