다른 화면으로 이동하지 않고 jquery를 사용하여 양식 제출

Question

양식 제출을 통해 페이지를 탐색하고 ajaxSubmit을 사용하여 콘텐츠를 제출하지 않도록하려고합니다. 그러나 제출 버튼을 클릭해도 양식의 작업 속성에있는 페이지로 이동합니다. Heres는 자바 스크립트 :

var options = { 
    success: processLogin 
}; 
$('#loginform').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
}); 

과를 heres 형태 :

<form id='loginform' action='login.php' method='post'> 
    <table id='logintable'> 
     <tr> 
      <td>Room:</td> 
      <td><input id='roomname' type='text' name='roomname' /></td> 
     </tr> 
     <tr> 
      <td>Nickname:</td> 
      <td><input id='nickname' type='text' name='nickname' /></td> 
     </tr> 
     <tr> 
      <td colspan='2' class='center'><input type='submit' value='Submit' /></td> 
    </table> 
</form> 

Answer 1

사용 event.preventDefault()

$('#loginform').submit(function(e) { 
    e.preventDefault(); 
    $(this).ajaxSubmit(options); 
}); 

Answer 2

또 다른 옵션은 당신을 수행하는 버튼을 제공하는 <input id="save" type="Button" value="submit" />에 입력 HTML 태그를 변경하는 것입니다 자바 스크립트 훅을 제공하는 것을 제외하고는 아무것도.

는 Enter 키를 눌러 양식을 제출하는 능력을 잃게이 일에서 양식

$("#save").click(function() { 
    $("#loginform").ajaxSubmit(); 
} 

를 제출 아약스 다음 자바 스크립트를 사용합니다. 다음 jquery 조각으로이 문제를 극복 할 수 있습니다.

$("input").keypress(function(e) { 
    if (e.which == 13) { 
     $("#save").click(); 
    } 
});