我的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'),
)));
这里我们创建了一个扩展Zend_form的表单类。我们重写isValid()方法。如果hasErrors()方法返回true,我们循环遍历form->元素并添加一个"error"类。我们还使用getAttrib()方法检查类属性是否已经存在,如果已经存在,我们使用空格将"error"类附加起来以进行分隔。
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方法时,它将自动向任何未通过验证的字段添加一类错误。