0

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

要解释我的意思，请访问例如 download.com 并选择右上角的“加入 CNET”菜单项。请将“加入 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

应该这样做...

附言

于 2012-09-08T19:38:11.760 回答