jquery-validate – jQuery Validate()Hightlight错误输入字段

我正在使用jQuery Validate()插件.它一直工作得很好,但是,我希望高亮显示输入中有错误的输入AFTER SUBMIT.我试过了：

$(".selector").validate({
  highlight: function(element,errorClass,validClass) {
     $(element).addClass(errorClass).removeClass(validClass);
     $(element.form).find("label[for=" + element.id + "]")
                    .addClass(errorClass);
  },unhighlight: function(element,validClass) {
     $(element).removeClass(errorClass).addClass(validClass);
     $(element.form).find("label[for=" + element.id + "]")
                    .removeClass(errorClass);
  }
});

…从http://docs.jquery.com/Plugins/Validation/validate#options页面,但我无法让它工作.我需要在某处创建errorClass和validClass css吗？它以某种方式知道哪个元素？我有点失落.

谢谢你的想法.

编辑：也许我需要更仔细地看待我的问题！我有一个字段,其中有一个等于12的垃圾邮件处理,但如果用户输入11,表单告诉我存在错误,但不会突出显示有错误的输入.它会告诉我它是必需的,但如果答案是错的,就不要显示它…任何想法？

解决方法

如果我理解得很好,here你就拥有了你需要的东西.

该插件会自动为具有无效值的字段添加类错误,并在输入正确时添加该类.

您必须为类错误分配适当的css样式以实现您的需要.

例如：

input.error {
   border:1px dotted red;
}