jquery - 添加成功/失败的验证图像

Question

我正在使用 jQuery Tools 验证器，一旦任何字段通过验证，我想添加一个简单的绿色复选标记 img (http://p.yusukekamiyamane.com/)，并且在提交时为那些添加一个简单的交叉 img 和红色边框验证失败。

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

http://jsfiddle.net/rD44z/

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

Answer 1

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

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