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> 

내 자바 스크립트 코드 : 여기 내 양식 마크 업의

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

문제이며, 형태는 여전히 통해 간다. AJAX를 사용하여 양식을 제출하고 싶었지만 Javascript가 활성화되지 않은 사용자를 위해 대체되었습니다. Javascript 콘솔에서도 오류가 표시되지 않습니다.

Answer 1

는

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

Answer 2

핸들러에서 false을 반환 시도하십시오.

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

Answer 3

시도 :

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

[EventListener를 제출와 중지 양식 제출] (의