1

我有一个“特殊”要求。几天前我开始使用CakePHP 2.2.4 ，现在我正在使用 Form Helper 开发一些小型表单。

我看到表单助手自动管理错误（太棒了！），但我需要做一些自定义。我知道我可以更改错误的类别（错误消息）并使用例如 aspan而不是div.

但是，如果出现错误，我需要更改输入的类。

<?php

echo $this->Form->input('User.email', array(
                                    'label' => array(                                                                       
                                        'class' => 'name-form',
                                        'text'  => 'Email:'
                                    ),                                                              
                                    'div'   => 'field', 
                                    'class' => 'input-xlarge'
                                )
                       );

?>

如您所见，我使用的类名为input-xlarge

如果出现错误，我需要更改该类。新类应该是 input-xlarge-error。

此类仅更改输入文本的边框，将其设置为red。

这可能吗？

谢谢！

4

3 回答 3

2

如果出现错误，为什么需要更改输入的类？

您可以使用附加到外部 div 的类来定位输入。

例如

div.error input { }

然后，如果出现错误，您可以对输入进行不同的样式设置。

您在视图中只需要：

<?php echo $this->Form->create('User'); ?>
<?php echo $this->Form->input('email'); ?>
<?php echo $this->Form->end('Submit'); ?>

这应该为您提供一个简单的示例。提交表单，然后检查元素以查看错误类的添加位置。

你可能会逃脱：

.error input { border: red; }

在 CSS

于 2013-01-02T18:12:12.903 回答
2

您可以做的是创建自己的 FormHelper 类并覆盖 addClass() 方法：

class BootstrapFormHelper extends FormHelper {
    public function addClass($options = array(), $class = null, $key = 'class') {
        if ($class === 'error') {
            $class .= ' has-error';
        }
        return parent::addClass($options, $class, $key);
    }
}
于 2014-02-18T22:11:10.480 回答
1

想想你的问题的逻辑：

“如果有错误，我希望 div 的类为 x，否则为 y”。

有几种方法可以做到这一点，如果你需要做的只是根据错误翻转类，那么FormHelper::isFieldError就足够了......

<?php
echo $this->Form->input('User.email', array(
         'label' => array(                                                                       
             'class' => 'name-form',
             'text'  => 'Email:'
          ),                                                              
          'div'   => 'field', 
          'class' => $this->Form->isFieldError('User.email') ? 'input-xlarge-error' : 'input-xlarge'
));
?>

以上不会阻止“form-error”类被附加到输入中。（解决方案超出了问题的范围）

我回答这个问题的原因是因为我需要在我的输入上专门设置错误类，以便按照我想要的方式使用 bootstrap 3。这也有助于输入类在错误时被擦除。您可能还想查看FormHelper::input()我在下面链接的可用选项。对于更复杂的错误控制，有一个FormHelper::Error更强大的，你可以在 cakephp 网站上找到这一切......

http://book.cakephp.org/2.0/en/core-libraries/helpers/form.html

于 2013-12-29T01:42:03.873 回答