我正在尝试使用JQuery的验证插件来执行一个AJAX登录,其中页面无需刷新,经过数小时的试验和徒劳的网络搜索后,我决定向一些SO专家寻求帮助。以下是我目前的JS逻辑:
$(formEl).validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true
}
},
messages: {
email: {
required: 'Please enter your email address.'
},
password: {
required: 'Please enter your password.'
}
},
submitHandler: function(form) {
$.ajax({
url: form.action,
type: form.method,
data: $(form).serialize(),
success: function(form) {
// submit form
},
error: function() {
// add custom jQuery validation error message stating a failure
}
});
}
});
formEl.addEventListener('submit', function(ev) {
ev.preventDefault();
});
以及服务器端逻辑(PHP) :
if($validation->passes()) {
// log user in
}else {
// echo response??
}
我想要实现的目标是,如果表单有效,则将其提交到我的php脚本并成功登录,但如果无效,则希望页面不重新加载,并在我的某个输入框下方显示自定义jQuery验证错误消息。那么我应该在
else
子句中回显一个消息,以便返回到submitHandler
吗?建议如下!