jquery - 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

这会选择输入周围的“控制组”类标签，然后根据输入将“有效”或“错误”作为一个类应用于它。

“成功”回调应用“确定”文本，但 CSS 似乎用图像覆盖它。