1

我的 zend_form 有一个自定义标记，我尝试为我的输入字段设置一个 css 类（ class="hasErrors" ）。我渲染的表单元素如下所示：

<div id="teamname-element" class="formRow">
    <input type="text" name="teamname" id="teamname" value="" placeholder="Teamname">
</div>

有错误它看起来像这样：

<div id="teamname-element" class="formRow">
    <input type="text" name="teamname" id="teamname" value="" placeholder="Teamname">
    <ul class="errors">
        <li>Your teamname is to short!</li>
    </ul>
</div>

是否可以在不使用 javascript 的情况下为输入字段设置 css 类？

<input class="hasErrors" type="text" name="teamname" id="teamname" value="" placeholder="Teamname">

一个表单元素是这样创建的：

$this->addElement(new Nut_Form_Element_Text('teamname', array(
    'Label'      => 'Teamname',
    'validators' => array( array('StringLength', FALSE, array(1, 25)), $TeamRegex),
    'filters'    => array('StringTrim', 'StripTags'),
)));
4

1 回答 1

1

这里我们创建一个扩展 Zend_Form 的表单类。我们重写 isValid() 方法。如果 hasErrors() 方法返回 true，我们遍历 form->elements 并添加一个“错误”类。我们还使用 getAttrib() 方法检查类属性是否已经存在，如果存在，我们使用空格分隔“错误”类。

class MyForm extends Zend_Form
{
    public function isValid($data)
    {
        $valid = parent::isValid($data);

        foreach ($this->getElements() as $element) {
            if ($element->hasErrors()) {
                $oldClass = $element->getAttrib('class');
                if (!empty($oldClass)) {
                    $element->setAttrib('class', $oldClass . ' hasError');
                } else {
                    $element->setAttrib('class', 'hasError');
                }
            }
        }

        return $valid;
    }
}

现在，当您调用 isValid 方法时，它会自动为任何未通过验证的字段添加一个错误类。

于 2012-09-01T19:43:43.637 回答