jQuery-Validation-Engine - combin与FormData发送方法

Question

我正在使用jQuery验证方法提交表单，并希望将其与jQuery- FormData -Engine结合使用。

我的代码：

$(document).ready(function() {

    $("#myform").validationEngine(); 

    $(':submit').click(function(e){
        e.preventDefault();


        var formData = new FormData($('#myform')[0]);
        $.ajax({
            url: 'upload.php',
            type: 'POST',
            xhr: ...
            beforeSend: beforeSendHandler,
            success: completeHandler,
            error: errorHandler,
            data: formData,
            cache: false,
            contentType: false,
            processData: false
        });

    });



    function beforeSendHandler() { 

    }

使用上面的代码，当从输入字段更改为输入字段时，验证工作。但我需要最后的验证，当用户按下提交按钮。如果存在验证错误，则应停止提交。

那么，我如何集成这个特性呢？(因为此FormData操作似乎覆盖了validationEngine。)

Answer 1

试着这样做

$(':submit').click(function(e){
 $("#myform").validationEngine(
 {
  onValidationComplete: function(form, status){
      if(status == true){
        submitMessage();                
    }
 });
});

function submitMessage()
 {
var formData = new FormData($('#myform')[0]);
    $.ajax({
        url: 'upload.php',
        type: 'POST',
        xhr: ...
        beforeSend: beforeSendHandler,
        success: completeHandler,
        error: errorHandler,
        data: formData,
        cache: false,
        contentType: false,
        processData: false
    });

}