如何在表单数据作为 Ajax 请求发送之前进行 CakePHP 验证？答案

【问题标题】：How to do CakePHP validation before form data is sent as Ajax request?如何在表单数据作为 Ajax 请求发送之前进行 CakePHP 验证？
【发布时间】：2015-08-15 17:43:33
【问题描述】：

我想在表单通过 Ajax 请求发送到服务器之前进行标准的 CakePHP 模型验证。当会有一些验证错误时，我想以标准方式显示错误如何显示并取消 Ajax 请求，如果没有错误，请执行请求。

我有这段 JavaScript 代码来执行 Ajax 请求并在 Bootstrap 模式窗口中显示结果：

$('#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;
    });

【问题讨论】：

您使用什么进行客户端验证？ jQuery Validator 或其他东西

标签： jquery ajax validation cakephp model

【解决方案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
        }
    });

});

【讨论】：