0

我在 Yii 活动表单中使用 'enableClientValidation'=>true 来启用客户端验证。它工作正常,但我想在字段中而不是在字段下显示错误消息。我是按照Yii 工作的。如何在表单提交中添加css“错误”类输入?代码在文本字段上添加了 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>

我该怎么做?

4

1 回答 1

0

你可能想看看 yii 的引导扩展(http://www.yiiframework.com/extension/bootstrap/)。它允许我们使用占位符来做你想做的事,所以它应该比创建自己的 css 更容易。

于 2013-07-20T07:58:16.257 回答