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>

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]); ?>

因此，您的错误标签已定位在您的输入标签下。

Answer 2

您的error属性不应在您的col-md-12类div中。

所以应该像这样：

<?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}</div>{error}",
            'labelOptions' => ['class' => 'col-lg-12 control-label p-l-0'],
        ],
        'enableAjaxValidation'=>true,'enableClientValidation' => true,'validateOnSubmit'=>true]); ?>

yii2显示错误味精

2 个答案: