jQuery.validate插件在字段上没有错误时显示消息

我正在使用jquery.validate插件验证表单。我知道可以用一种简单的方式自定义错误消息，但只要特定的输入没有错误，我就会编写并“确定”消息

例如，我有一个“必需”的输入文本，我想在右侧写一条消息，说“此字段已正确填写”，前提是用户写了任何内容

---

如果每个输入字段的数据正常，是否仍要在该输入字段旁边写入“确定消息”？

此处有一个演示页面：

当字段有效时，它会显示一个勾号。回退文本是正常的

有关守则：

$(document).ready(function(){

 $('#contact-form').validate(
 {
  rules: {
    name: {
      minlength: 2,
      required: true
    },
    email: {
      required: true,
      email: true
    },
    subject: {
      minlength: 2,
      required: true
    },
    message: {
      minlength: 2,
      required: true
    }
  },
  highlight: function(label) {
    $(label).closest('.control-group').addClass('error');
  },
  success: function(label) {
    label
      .text('OK!').addClass('valid')
      .closest('.control-group').addClass('success');
  }
 });
}); // end document.ready

这将选择围绕输入的“控制组”类标记，然后根据输入将“有效”或“错误”作为类应用于输入

“success”回调应用“OK”文本，但CSS似乎用图像覆盖它