【转载】Jquery validate(submitHandler函数)验证通过发送Ajax

转自：https://www.cnblogs.com/dingjing0518/p/6839702.html

$(function() {
    $('#form').validate({
        onkeyup : false,
        rules : {
            oldPassword:{
                required:true,
                remote : {
                    url : global.context + '/admin/password/duplicate',
                    data : {
                        oldPassword : function() {
                            return $('#oldPassword').val();
                        }
                    }
                }
            },
            password : {
                required : true,
                minlength : 6
            },
            repeat : {
                required : true,
                minlength : 6,
                equalTo:'#password'
            }
        },
        messages : {
            oldPassword:{
                required:'请输入原密码',
                remote : '请输入正确的原密码'
            },
            password : {
                required : '请输入密码',
                minlength : '长度需大于6'
            },
            repeat : {
                required : '请确认密码',
                equalTo : '两次输入密码不一致',
                minlength : '长度需大于6'
            }
        },
        submitHandler:function(form){
            var password = $('#password').val();
            var repeat = $('#repeat').val();
            $.ajax({
                url : global.context + '/admin/password',
                type : 'put',
                contentType : "application/json; charset=utf-8",
                data : JSON.stringify({
                    password : password,
                    repeat : repeat
                }),
                success : function(data) {
                    console.log(data);
                    if(data.status=='success'){
                        alert("修改密码成功");
                    }
                }
            });
        }
    });
});

 

Validation插件success和submitHandler两个方法区别

success：当表单元素验证成功时执行，对于同一个表单元素，由于onkeyup、onfocusout、onsubmit等事件都会触发验证，所以本方法可能会多次执行；
submitHandler：当表单验证成功并提交时执行，存在此方法时表单只能在此方法内部执行form.submit()才能提交，可理解成它替代了表单的onsubmit方法；