需要一些登录表单帮助。
我已经通过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以检查成功回调中返回的某些数据,并根据这些数据更改了表单,而不是完全替换表单。
我将在一个位中发布更改