添加验证图像以获得成功/失败

Question

我正在使用jQuery Tools验证器，我想在任何字段通过验证后添加一个简单的绿色复选标记img（http://p.yusukekamiyamane.com/），并在onsubmit上添加一个简单的交叉img和红色边框对于未通过验证的人。

现在，我只有红色边框以及标准错误消息。无法弄清楚如何删除错误消息并将其替换为绿色检查或红色交叉img：

http://jsfiddle.net/rD44z/

我想我需要使用onSuccess，但似乎无法弄清楚如何放入/切换图像。任何帮助都会很棒。

Answer 1

您可以使用success选项并在标签上设置一个用图像装饰它的类。

.validate({
  success: function(label) {
     label.addClass('valid');
  }
});