jQuery验证，提交无效的处理程序

Question

在多页表单上，我正在使用jQuery validate来允许用户继续处理他们的表单，或者继续前进而不保存。

所以，我想简单地弄清楚是否存在错误，显示对话框，以及是/否以允许它们继续。 SubmitHandler只在其正确时才有效，当它被破坏时无效，我需要使用invalidHandler。但是，当我尝试使用jquery validate突破递归问题时，它告诉我：

Uncaught TypeError: Object #<Object> has no method 'submit'

$('.form-submit-next').click(function() {
    $('#form').validate({ 
        errorPlacement: function(error, element) {},
        invalidHandler: function(form, validator) {
                $('#dialog').dialog({
                    resizable : false,
                    width : 350,
                    height : 200,
                    modal : true,
                    buttons : {
                        "Yes" : function() {
                            $(this).dialog("close");
                            form.submit(); //errors here
                        },
                        "No": function() {
                            $( this ).dialog( "close" );

                        }
                    }
                }); 
            }

    });
})

Answer 1

当您单击“是”按钮时，您需要执行DOM提交，该按钮将绕过验证器：

buttons : {
   "Yes" : function() {
       $(this).dialog("close");
       $(this)[0].submit();
   }