Question

我希望在验证错误时将字段包装在<div class="validation-error">中，否则放在<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是否有错误？

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表格。

根据字段的验证结果更改div的类

1 个答案: