牛骨文教育服务平台(让学习变的简单)
博文笔记

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

创建时间:2017-05-21 投稿人: 浏览次数:4060

在使用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; // 阻止表单自动提交事件
                }
            });
声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。