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
    });

}