Question

我通过ajax动态呈现ActiveForm，但是因为页面加载时表单不存在，所以必要的JS文件yiiActiveForm.js，yii.validation.js）和相关的验证触发器不存在表格得到了回应。

以下是一些示例代码：

JS：

$('.btn-edit').on('click', function() {
    var id = $(this).attr('data-id');
    var url = base_url + '/account/editreview/' + id;

    $.ajax({
        type: 'post',
        url: url,
        dataType: 'json',
        success: function(result) {
            $('.popup').html(result.html);
        }
    });
});

控制器：

public function actionEditReview($id)
{
    $return_array = [
        'html' => null,
    ];

    $review = $this->findReview($id);

    $return_array['html'] = $this->renderPartial('review-popup', [
        'review' => $review,
    ]);

    echo json_encode($return_array);
}

查看（review-popup.php）：

<?php
use yii\widgets\ActiveForm;
?>

<?php $form = ActiveForm::begin([
    'id' => 'review-form',
    'enableAjaxValidation' => false,
    'enableClientValidation' => true,
]); ?>

<?php echo $form->field($review, 'title')->textInput(); ?>

<button type="submit" class="btn-edit" data-id="<?php echo $review->id; ?>">Submit</button>

<?php ActiveForm::end(); ?>

我已阅读此页https://yii2-cookbook.readthedocs.io/forms-activeform-js/上的说明，但这涉及向单个属性添加验证，而不是整个表单。

有谁知道怎么做？

Answer 1

我找到了解决方案：在回显视图时使用renderAjax()代替renderPartial()。

http://www.yiiframework.com/doc-2.0/yii-web-view.html#renderAjax()-detail

yii2 - 动态activeform和客户端验证

1 个答案: