如何为表单中的错误通知创建滑动效果？

Question

是否可以在yii框架表单中为错误通知创建滑动效果？

要解释我的意思，请访问例如download.com并选择右上角的“加入CNET”菜单项。请将“加入CNET”表格留空，然后按表格底部的“加入CNET”按钮。

正如您现在所看到的 - 所有红色通知错误都将在屏幕上优雅地显示，并具有非常好的“滑动”效果。

所以我的问题是 - 如何在yii框架表单中为错误通知创建这种滑动效果？

Answer 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'=＆gt;'display：none'）;
   echo $ form-＆gt;错误（$ model，'username'，$ htmlOptions）;

3. 现在，如果您运行表单，将无法显示错误消息。那很好。

4. 最后，将一些javascript附加到您的提交按钮。选择错误消息并将其淡入的内容： $（。errorMessage）.fadeIn（'slow'） 请注意，Yii已经给出了类 .errorMessage

的错误消息

应该这样做......

P.S。