2017-01-28 4 views
1

Yii2を使用してCRUDを作成しました。 は今、私は今、私はrequired validationのように、フィールド上のいくつかの検証規則を持つbootstrap http://getbootstrap.com/javascript/#tabs-examplesYii2:yii2エラーがある場合にブートストラップタブをアクティブにする方法

を使用してmulti-tabを追加しました。 保存ボタンがクリックされると、アクティブなタブでエラーが表示されますが、非アクティブなタブにエラーがある場合はフォームを送信しません。 アクティブなタブのユーザーにエラーがある場合は、適切な処置を行って修正しますが、他のタブにもエラーがあることは理解できません。

他のタブにエラーがある場合は、そのタブが有効になります。

アクティブなタブですべての検証エラーを削除した場合は、フォームを再送信してからタブを含む次のエラーに移動します。 、ぶっきらぼうにそれを置くためにタブ

を使用しないでください

1:ここ

は、フォームの私のコード

<?php $form = ActiveForm::begin(); ?> 
    <div class="nav-tabs-horizontal"> 
    <ul class="nav nav-tabs nav-tabs-line" data-plugin="nav-tabs" role="tablist"> 
    <li class="active" role="presentation"><a data-toggle="tab" href="#user" arria-controls="user" role="tab">User Details</a></li> 
    <li role="presentation"><a data-toggle="tab" href="#company" aria-controls="company" role="tab">Company Details</a></li> 
    </ul> 

<div class="tab-content"> 

    <div class="tab-pane active" id="user" role="tabpanel"> 
     <div class="form-group form-material">` 
      <?= $form->field($model, 'first_name')->textInput(['placeholder'=>'First Name']); ?> 
      </div> 
       <div class="form-group form-material"> 
       <?= $form->field($model, 'last_name')->textInput(['placeholder'=>'Last Name']); ?> 
       </div> 
       <div class="form-group form-material"> 
       <?= $form->field($model, 'email')->input('email'); ?> 
       </div> 
       <div class="form-group form-material"> 
       <?= $form->field($model, 'password')->passwordInput(['placeholder'=>'Password']);?> 
       </div> 
        <div class="form-group form-material"> 
       <?= $form->field($model, 'repeatpassword')->passwordInput(['placeholder'=>'Repeat Password']);?> 
       </div> 

     </div> 

     <div class="tab-pane" id="company" role="tabpanel"> 

     <div class="form-group form-material"> 
     <?= $form->field($company, 'Title')->textInput(['maxlength' => true]); ?> 
     </div> 

      <div class="form-group form-material"> 
      <?= $form->field($company, 'Website')->textInput(['maxlength' => true]); ?> 
      </div> 


       <div class="form-group form-material"> 
        <?= $form->field($company, 'Description')->textarea(['rows' => 6]); ?> 
       </div> 

       <div class="form-group form-material"> 
       <?= $form->field($company, 'Status')->dropDownList(['Active' =>'Active','Deactive'=>'Deactive','Pending'=>'Pending'],['prompt'=>'']) ?> 
        </div> 
      </div> 
    </div> 

     <?= Html::submitButton("Save", ["class" => "btn btn-success"]); ?> 
    </div> 
    <?php ActiveForm::end(); ?> 

enter image description here

答えて

関連する問題