Question

我使用'enableClientValidation'=＆gt; true，在Yii活动表单中启用客户端验证。它工作正常但我想在而不是在字段下显示错误消息。我按照Yii. How to add css "error" class to input on form submit?代码工作，在textfield上添加了error_input类，但错误仍然出现在textfield下。任何帮助都应该得到赞赏。

我的代码是

<?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

你可能想看看yii（http://www.yiiframework.com/extension/bootstrap/）的bootstrap扩展。它允许我们使用占位符来执行您想要的操作，因此它应该更容易，而不是创建自己的CSS。

在Yii的文本字段中显示错误消息

1 个答案: