是否可以在yii框架表单中为错误通知创建滑动效果?
要解释我的意思,请访问例如download.com并选择右上角的“加入CNET”菜单项。请将“加入CNET”表格留空,然后按表格底部的“加入CNET”按钮。
正如您现在所看到的 - 所有红色通知错误都将在屏幕上优雅地显示,并具有非常好的“滑动”效果。
所以我的问题是 - 如何在yii框架表单中为错误通知创建这种滑动效果?
答案 0 :(得分:1)
行。标准Yii(CActiveForm)表单看起来像这样
<div class="row">
<?php echo $form->labelEx($model,'username'); ?>
<?php echo $form->textField($model,'username'); ?>
<?php echo $form->error($model,'username'); ?>
使用CSS,您可以使用display:none使错误消失。您可以使用$ htmlOptions轻松完成此操作:
$ htmlOptions = array('style'=&gt;'display:none');
echo $ form-&gt;错误($ model,'username',$ htmlOptions);
现在,如果您运行表单,将无法显示错误消息。那很好。
最后,将一些javascript附加到您的提交按钮。选择错误消息并将其淡入的内容: $(。errorMessage).fadeIn('slow') 请注意,Yii已经给出了类 .errorMessage
应该这样做......
P.S。