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

Question

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

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

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

Answer 1

这里有一个演示页面：

http://alittlecode.com/files/jQuery-Validate-Demo/

表示字段有效时的勾号。后备文本没问题。

有问题的代码：

$(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

这将选择输入周围的'control-group'类标签，然后根据输入将'valid'或'error'作为类应用。

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