0

Yii アクティブ フォームで 'enableClientValidation'=>true を使用して、クライアント側の検証を有効にしました。正常に動作しますが、フィールドの下ではなくフィールドにエラー メッセージを表示したいと考えています。私はYiiに従って働きました。フォーム送信時にcss「エラー」クラスを入力に追加するには? コードは 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>

どうすればこれを行うことができますか？

4

1 に答える 1

0

yii のブートストラップ拡張機能 ( http://www.yiiframework.com/extension/bootstrap/ ) を見たいと思うかもしれません。プレースホルダーを使用して必要なことを行うことができるため、独自の css を作成するよりも簡単です。

于 2013-07-20T07:58:16.257 に答える