2012-02-12 50 views
1

我想包裝領域的<div class="validation-error">時,他們有驗證錯誤,並以純<div>Š否則:更改類的div

驗證錯誤:

<div class="validation-error"> 
    <sf:input path="title" cssErrorClass="validation-error"/> 
    <sf:errors path="title" cssErrorClass="validation-error" /> 
</div> 

不驗證錯誤:

<div> 
    <sf:input path="title" cssErrorClass="validation-error"/> 
    <sf:errors path="title" cssErrorClass="validation-error" /> 
</div> 

我如何檢查title有錯誤或不?

回答

0

您不應將validation-error類應用於整個<div>您輸入的元素。我不認爲<errors>標籤是這樣工作的。

你可以做的是非常簡單和整潔的解決方案。只需顯示所有適用的類別和樣式的錯誤消息,或根本不顯示。例如:

<tr> 
     <td><label>Username</label></td> 
     <td><form:input id="username" path="nickname" /></td> 
     <td><span id="usernameError" class="error"><form:errors path="nickname" /></span></td> 
</tr> 

當沒有錯誤信息時,適當的單元格將留空,用戶將看不到任何內容。但是,如果將顯示消息 - 由於示例中有class="error"表示法,它將具有適當的樣式。可以使用divs, spans or any other elements if you wish。我只傾向於使用table表單。