Jquery 로그인 양식이 잘못된 사용자 이름 또는 비밀번호로 다시 제출

Question

로그인 폼에 대한 도움이 필요합니다.

ajax를 통해 로그인 양식을 설정했지만 사용자 이름/비밀번호가 올바르지 않으면 작동하지 않습니다. PHP 스크립트는 아약스를 통해 사용하지 않으면 완벽하게 작동합니다. 그것이하는 일을합니다. ajax 호출을 통해 제출할 때 세부 사항이 올바르지 않으면 새 양식이 나타나서 다시 시도하도록 요청합니다. 좋습니다. 그러나 양식을 다시 제출할 수는 없습니다. 제출 링크를 클릭해도 작동하지 않습니다.

코드는 다음과 같습니다. 제쳐두고, 아약스는 "submit()"을 사용하여 아약스를로드하지 않습니다. 양식 외부에 '클릭 (click)'링크가 있어야합니다.

<script> 
$(document).ready(function(){ 
    $("#login_submit").click(function() { 
     $("#form2").hide(); 
     $('#finish').html('Attempting Login'); 
     var username = $("input#username").val(); 
     var password = $("input#password").val();  
      $.ajax({ 
       url: 'auth.php', 
       type: "POST", 
       data: "username="+username+"&password="+password+"", 
       success: function(data) { 
        $('#finish').html(data); 
       } 
      }); 


    });   
}); 
$(document).ajaxStart(function(){ 
    $('#loading').show(); 
}).ajaxStop(function(){ 
    $('#loading').hide(); 
}); 
</script> 
<div id="form2"> 
<form method="post" id="login"> 
<input type="text" name="username" id="username"/><br /> 
<input type="text" name="password" id="password"/><br /> 

</form> 
<span id="login_submit">Submit</span> 
</div> 

<div id="loading"> 
Loading...<img src="loading/loading6.gif" width="105" height="16" alt="loading" /> 
</div> 
<div id="finish"> 

</div> 

그래서 내가 말했듯이, 그것은 다시 제출 양식을로드하지만, 클릭하면 정보를 재전송하지 않습니다 "제출". 다시 제출하도록하는 방법에 대한 팁이 있으십니까?

Answer 1

내 자신의 질문에, 미안 사람을 대답했다.

성공 콜백에서 반환되는 특정 데이터를 확인하기 위해 ajax를 변경하고 양식을 완전히 바꾸는 대신 해당 데이터를 기반으로 양식을 변경했습니다.

변경 사항을 조금 게시 해 드리겠습니다.

Answer 2

data: "username="+username+"&password="+password+"", 

같은 시도 :

data: "username="+username+"&password="+password,