在Yii的文本框中顯示錯誤消息

Question

我已經在Yii主動窗體中使用'enableClientValidation'=> true來啓用客戶端驗證。它工作正常，但我想在字段中顯示錯誤消息而不是字段。 我工作根據Yii. How to add css "error" class to input on form submit?代碼添加文本字段error_input類，但錯誤仍然出現在文本字段下。 任何幫助應該被讚賞。

我的代碼是

<?php 
    $form = $this->beginWidget('CActiveForm', array(
     'id'=>'contact-form', 
     'enableClientValidation'=>true, 
     'clientOptions'=>array(
      'validateOnSubmit'=>true, 
      'afterValidate' => 'js:function(form, data, hasError) { 
       if(hasError) { 
        for(var i in data) $("#"+i).addClass("error_input"); 
        return false; 
       } 
       else { 
        form.children().removeClass("error_input"); 
        return true; 
       } 
      }', 
      'afterValidateAttribute' => 'js:function(form, attribute, data, hasError) { 
       if(hasError) 
       $("#"+attribute.id).addClass("error_input"); 
       else 
       $("#"+attribute.id).removeClass("error_input"); 
      }' 
      ), 

    )); ?> 


    <div class="margin-bottom3 label-width1"> <?php echo $form->labelEx($Customer,'restaurant_name',array('class'=>'label-texts')); ?></div> 
    <div class="name-common-div"> <?php echo $form->textField($Customer,'restaurant_name',array('class'=>'text-background customer_fields')) ?> 
    <?php 
      echo $this->msg; 
      echo $form->error($Customer,'restaurant_name',array('class'=>'check-add-member-error')); 
    ?> 
</div> 

我怎樣才能做到這一點？`

Answer 1

你可能想看看引導擴展警予（http://www.yiiframework.com/extension/bootstrap/）。它允許我們使用佔位符來做你想做的事情，所以它應該更容易，而不是創建自己的CSS。