9.4.4　样式化错误消息

当Validation插件检查一个表单并找到一个无效表单字段，它做两件事情：第一，给表单字段添加一个类；第二，它添加包含了错误消息的一个＜label＞标签。例如，假设页面对于一个email字段有如下的HTML：

＜input name="email"type="text"class="required"＞

如果给带有这个表单的页面添加Validation插件，并且访问者试图没有填写email字段就提交表单，该插件将会阻止提交过程并且修改字段的HTML，添加一个额外的标签。新的HTML如下所示：

＜input name="email"type="text"class="required error"＞

＜label for="email"generated="true"class="error"＞

This feld is required.＜/label＞

换句话说，插件给表单字段添加了一个类名error。它还插入了带有类名error的一个＜label＞标签，其中包含了错误消息文本。

要改变错误消息的外观，只需要给样式表添加一个样式来为错误定义外观。例如，要让错误文本以粗体和红色显示，可以给样式表添加如下所示的样式：

label.error{

color：#F00；

font-weight：bold；

}

由于Validation插件也给无效的表单字段添加一个error类，也可以创建CSS样式来格式化这些字段。例如，要在无效字段的周围放置一个红色边框，可以创建如下所示的一个样式：

input.error, select.error, textarea.error{

border：1px red solid；

}