Jqueryログインフォームが間違ったユーザー名またはパスワードを再送信

Question

ログインフォームのヘルプが必要です。

私はajaxでログインフォームを設定しましたが、ユーザー名とパスワードが間違っていると動作しません。 phpスクリプトは、ajaxで使用しないと完全に動作します。それはそれが想定していることをします。 ajax呼び出しで送信するときに、詳細が間違っている場合は、新しいフォームがポップアップして、再度試してください。それは良いですが、私はフォームを再提出することはできません。 [送信]リンクをクリックしても機能しません。

コードは ですが、ajaxはajaxをロードするのに "submit（）"を使用しません。フォームの外側にある別のリンクが「クリック（）」する必要があります。

<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,