防止在jQuery表单上提交
问题描述:
我正在使用jQuery和ajax在登录表单上设置密码控件。
到目前为止,这是脚本防止在jQuery表单上提交
$(document).ready(function() {
$("#login-form").submit(function(e) {
var csrftoken = getCookie('csrftoken');
var password = $('#login-password').val();
var email = $('#login-email').val();
$.ajax({
url: "/password_check/",
type: "POST",
dataType: "json",
data : {
csrfmiddlewaretoken: csrftoken,
password: password,
email: email
},
success: function(result) {
document.getElementById("login-error").innerHTML = result.response;
event.preventDefault();
}
});
return false;
});
});
有了这个,烧成提交按钮当错误被逮住,但如果密码是正确的提交不工作(即使该错误不显示了)。
我错过了什么?
答
你有一个异步的ajax调用,所以当你的success
函数触发时,表单submit事件已经通过了,所以你需要再次提交表单,但是使用了DOM方法,它将绕过jQuery事件处理程序并允许表格提交。
success: function(result) {
if(result == "correct"){
document.getElementById("login-form").submit();
} else {
document.getElementById("login-error").innerHTML = result.response;
}
}
当你没有说什么响应指示正确的密码,我用result == "correct"
,所以更改相应。
这很完美,谢谢! –