Validation阻止表单自动提交，使用Ajax提交表单（使用Validation的submitHandler方法）

最新推荐文章于 2021-06-29 15:58:49 发布

Qssn丶

最新推荐文章于 2021-06-29 15:58:49 发布

阅读量8.5k

点赞数

分类专栏：个人 ajax validation 文章标签： ajax Validation 表单提交

本文链接：https://blog.csdn.net/dknightl/article/details/72616383

版权

个人同时被 3 个专栏收录

77 篇文章 0 订阅

订阅专栏

ajax

2 篇文章 0 订阅

订阅专栏

validation

1 篇文章 0 订阅

订阅专栏

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