1. 程式人生 > >Validation阻止表單自動提交,使用Ajax提交表單(使用Validation的submitHandler方法)

Validation阻止表單自動提交,使用Ajax提交表單(使用Validation的submitHandler方法)

在使用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; // 阻止表單自動提交事件 } });