Question

请在登录表单上获得一些帮助。

我已经通过ajax设置了一个登录表单，但是当用户名/密码不正确时它无效。当没有通过ajax使用时，php脚本可以正常工作。它做了它应该做的事情。通过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>

正如我所说，它加载表单以重新提交，但点击“提交”不会重新发送信息。有关重新提交此内容的提示吗？

Answer 1

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

尝试：

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

Answer 2

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

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

我会稍后发布更改

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

2 个答案: