Question

在Bootstrap 3中，我们可以向form-group容器中添加上下文类，该容器将以特定颜色（即。 has-error会使它变红：

<div class="form-group has-error">
    <label for="field">Erroneous label</label>
    <input type="text" class="form-control" placeholder="Erroneous input" id="field" />
    <p class="help-block">Erroneous help-block</p>
</div>

标签，输入的文本颜色和边框以及最后的p.help-block将全部变为红色。

在Yii 2中，我们可以使用ActiveForm和ActiveField以单线方式执行相同操作：

<?= $form->field($model, 'field')
    ->textInput(['maxlength' => true, 'placeholder' => 'Erroneous input'])
    ->label('Erroneous label')
    ->hint('Dummy hint') ?>

它在form-group容器中生成与上面大致相同的标记。

我走了through the docs，却找不到将has-error类添加到form-group容器的方法。

在这种情况下不起作用。

Answer 1

Yii会在验证错误的情况下自动添加has-error类。如果要将任何CSS类添加到ActiveField容器，则可以使用options属性。例如：

<?= $form->field($model, 'field', [
        'options' => [
            'class' => 'form-group has-error',
        ],
    ])
    ->textInput(['maxlength' => true, 'placeholder' => 'Erroneous input'])
    ->label('Erroneous label')
    ->hint('Dummy hint');
?>

如何在Yii 2 ActiveField / ActiveForm中添加上下文类？

1 个答案: