php - yii2 显示错误信息

Question

在行上方显示消息，如何在行下方显示错误消息。我在视图页面下方添加了。有什么建议么。

下面是查看页面

<div class="ibox-content bwform clearfix" id="bwcart">
<h2><b>Profile</b><div id="loader"></div></h2>
<?php $form = ActiveForm::begin(
        ['action' =>'',
        'options' => ['method'=>'post','class'=>'form-horizontal','id'=>'profile-form','enctype'=>'multipart/form-data'],
        'fieldConfig' => [
            'template' => "{label}<div class=\"col-md-12\">{input}\n{error}</div>",
            'labelOptions' => ['class' => 'col-lg-12 control-label p-l-0'],
        ],
        'enableAjaxValidation'=>true,'enableClientValidation' => true,'validateOnSubmit'=>true]); ?>

        <div class="box-2">
        <div class="input input--hoshi <?=$prefilled ?>">
            <?= $form->field($model, 'firstname')->textInput(array('placeholder' => '','class'=>'input__field input__field--hoshi'))->label(false); ?>

            <label class="input__label input__label--hoshi input__label--hoshi-color-3" for="first_name">             
                <span class="input__label-content input__label-content--hoshi">First Name</span>
            </label>              
        </div>
        </div>

        <div class="box-2">
            <div class="input input--hoshi <?=$prefilled ?>">
                <?= $form->field($model, 'lastname')->textInput(array('placeholder' => '','class'=>'input__field input__field--hoshi'))->label(false); ?>
                <label class="input__label input__label--hoshi input__label--hoshi-color-3" for="first_name">             
                <span class="input__label-content input__label-content--hoshi">Last Name</span>
            </label> 
            </div>
        </div>

标签： phphtmlcssformsyii2

Answer 1

您可以使用此解决方案：

<?php $form = ActiveForm::begin(
        ['action' =>'',
        'options' => ['method'=>'post','class'=>'form-horizontal','id'=>'profile-form','enctype'=>'multipart/form-data'],
        'fieldConfig' => [
         //modify this
            'template' => "{label}<div class='col-md-12'>{input}</div><div class='col-md-12 '>{error}</div>",
            'labelOptions' => ['class' => 'col-lg-12 control-label p-l-0'],
        ],
        'enableAjaxValidation'=>true,'enableClientValidation' => true,'validateOnSubmit'=>true]); ?>

因此，您的错误标签位于您的输入标签下方。