如何在表單數據作爲Ajax請求發送之前執行CakePHP驗證？

Question

我想做標準CakePHP模型驗證之前表單通過Ajax請求發送到服務器。當出現一些驗證錯誤時，我想以標準方式向他們展示如何顯示錯誤並取消Ajax請求，如果沒有錯誤，請執行請求。

我有這樣的JavaScript代碼做一個Ajax請求，並將結果顯示在引導模式窗口：

$('#btn_submit_preview').click(function (event) { 
     var formData = $("#OfferAddForm").serialize(); 
     $.ajax({ 
      type: "POST", 
      url: "/offers/preview/", 
      data: formData, 
      success: function (data) { 
       $('#modal_body_div').html(data); 
       $('#myModal').modal('show'); 
      } 
     }); 
     event.preventDefault(); 
     return false; 
    }); 

Answer 1

使用jQuery Validation Plugin，然後再試你在使用這樣的事情

$(document).ready(function() { 
    $('#OfferAddForm').validate({ // initialize the plugin 
     // your rules and options, 
     submitHandler: function (form) { 
      var formData = $("#OfferAddForm").serialize(); 
    $.ajax({ 
     type: "POST", 
     url: "/offers/preview/", 
     data: formData, 
     success: function (data) { 
      $('#modal_body_div').html(data); 
      $('#myModal').modal('show'); 
     } 
    }); 
    event.preventDefault(); 
    return false; // blocks redirect after submission via ajax 
     } 
    }); 

});