Jquery登录表单使用错误的用户名或密码重新提交


Jquery login form resubmit on incorrect username or passowrd

需要一些登录表单帮助。

我已经通过ajax设置了一个登录表单,但当用户名/密码不正确时,它就不起作用了。php脚本在不通过ajax使用时可以完美工作。它做它应该做的事。当通过ajax调用提交时,如果详细信息不正确,会弹出一个新表单,要求您重试。这很好,但我无法重新提交表单。单击"提交"链接不起作用。

这是代码:顺便说一句,ajax不使用"submit(("来加载ajax。表单外有一个单独的链接,需要在"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>

因此,正如我所说,它加载表单以重新提交,但单击"提交"不会重新发送信息。有什么技巧可以重新提交吗?

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

试用:

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

回答了我自己的问题,对不起,伙计们。

我更改了ajax以检查成功回调中返回的某些数据,并根据这些数据更改了表单,而不是完全替换表单。

我将在一个位中发布更改