jQuery-Validation-Engine - 结合 FormData 发送方法

Question

我正在使用 jQuery FormData 方法提交表单，并希望将其与 jQuery-Validation-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
    });

}