0

yiiフレームワークフォームでエラー通知のスライド効果を作成することは可能ですか？

私が何を意味するのかを説明するには、たとえばdownload.comにアクセスして、右上隅にある[JoinCNET]メニュー項目を選択してください。「CNETに参加」フォームを空のままにして、フォームの下部にある「CNETに参加」ボタンを押してください。

ご覧のとおり、すべての赤い通知エラーが画面にエレガントに表示され、非常に優れた「スライド」効果が得られます。

だから私の質問は-yiiフレームワークフォームでエラー通知のためにそのような種類のスライド効果を作成する方法は？

4

1 に答える 1

1

  1. わかった。標準のYii（CActiveForm）フォームは次のようになります

    <div class="row">
<?php echo $form->labelEx($model,'username'); ?>
<?php echo $form->textField($model,'username'); ?>
<?php echo $form->error($model,'username'); ?>

  2. CSSを使用すると、display：noneでエラーが消えます。$ htmlOptionsを使用すると、これを（比較的）簡単に実行できます。

    $ htmlOptions = array（'style' =>'display：none'）;
    echo $ form-> error（$ model、'username'、$ htmlOptions）;

  3. これで、フォームを実行すると、エラーメッセージが表示されなくなります。それはいいです。

  4. 最後に、送信ボタンにJavaScriptを添付します。エラーメッセージを選択してフェードインするもの：$（。errorMessage）.fadeIn（'slow'） Yiiはすでにエラーメッセージにクラス.errorMessageを与えていることに注意してください。

それはそれをする必要があります...

PS

于 2012-09-08T19:38:11.760 に答える