jquery - Yii2 客户端表单验证

Question

我有一个 Yii2 ActiveFrom。

将提交按钮替换为

    <button class="btn <?= $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary' ?>"
            onclick="submitit();return false;">
        <?= $model->isNewRecord ? 'Create' : 'Update' ?>
    </button>

因为我需要在页面在后台处理时显示模式叠加。 (请稍等...)。

$('#rebates-form').yiiActiveForm('validate')

始终返回未定义。

即使我打电话

$("#rebates-form").data('yiiActiveForm')

在“validate”之后，“validated”元素始终为 false，即使表单没有验证错误。

$('#rebates-form').yiiActiveForm('submitForm')

即使表单已提交，也始终返回 false。

如何触发“请稍候”对话框

$('#pleaseWaitDialog').modal('show');

仅在提交没有验证错误的情况下显示？

Answer 1

以下解决方案有效:

$(document).ready(function () {
    $("#rebates-form").on("beforeSubmit", function (event, messages) {
        $('#pleaseWaitDialog').modal('show');
        return true;
    });
});

function submitit(element) {
    $('#rebates-form').yiiActiveForm('submitForm')
}

其中带有提交函数调用的额外按钮也可以省略，因为事件“beforeSubmit”无论如何都会触发。

仅当表单验证成功时才会触发此事件。

(请参阅 https://github.com/yiisoft/yii2/blob/master/framework/assets/yii.activeForm.js 处的评论)