Validation阻止表單自動提交,使用Ajax提交表單(使用Validation的submitHandler方法)
阿新 • • 發佈:2019-01-08
在使用Validation時,我們有時候不希望驗證成功後直接跳轉頁面(比如判斷登入密碼使用者名稱正確與否),而希望自己使用Ajax提交,並且驗證回撥的結果。
$('.login-form').validate({
//驗證規則,
rules: {
username: {
required: true
},
password: {
required: true
},
remember: {
required: false
}
},
messages: {
username: {
required: "必須輸入使用者名稱"
},
password: {
required: "必須輸入密碼"
}
},
submitHandler: function (form) {
$.ajax({
type: 'post',
url: "/plan/preplan/preplan_person_login.action",
data:{
username:$('#username' ).val(),
password:$('#password').val()
},
success:function(data){
//console.log(data=="\"ok\"");
if(data=="\"ok\""){
location.href ="/plan/preplan/plan_index.action"; //成功執行
}else{
alert('出錯');//出錯執行
}
}
});
return false; // 阻止表單自動提交事件
}
});