Изменить класс div на основе результата проверки поля

Question

Я хочу обернуть поля в <div class="validation-error">, когда они имеют ошибки проверки, и в простых <div> s в противном случае:

Ошибка проверки:

<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 имеет ошибку или нет?

Answer 1

Не следует применять класс 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 для форм.