2010-03-11 53 views
0

这是装饰代码HTML结果与上述装饰两个输入元素的如何装饰错误消息

$mydecorate = array( 
     'ViewHelper', 
     array('Errors', array('placement' => 'append','class' => 'error')), 
     array('Label', array('separator' => '')), 
     array('HtmlTag', array('tag' => 'p', 'class' => 'element-form')) 
    ); 

<p class="element-form"> 
    <label for="firstname" class="required">First Name:</label> 
    <input name="firstname" id="firstname" value="" type="text"> 
</p><ul class="error"><li>required field!</li></ul> 
<p class="element-form"> 
    <label for="lastname" class="required">Last Name:</label> 
    <input name="lastname" id="lastname" value="" type="text"> 
</p><ul class="error"><li>required field!</li></ul> 

我想的错误消息被放在里面p.element-form标签, 任何想法请求?

谢谢

回答

1

它不工作,因为它是无效的段落中有一个无序列表。

您应该将段落更改为div或其他语义上有意义的元素。然后,ViewHelper会在输入后在div的末尾放置无序的错误列表。你不必编写任何额外的代码,并且html将是有效的。只需在HtmlTag装饰器中将“p”更改为“div”即可。

array('HtmlTag', array('tag' => 'div', 'class' => 'element-form')) 

<div class="element-form"> 
    <label for="firstname" class="required">First Name:</label> 
    <input name="firstname" id="firstname" value="" type="text"> 
    <ul class="error"> 
     <li>required field!</li> 
    </ul> 
</div>