Question

我正在使用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, errorClass, 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，表单告诉我存在错误，但不会突出显示有错误的输入。它会告诉我它是必需的，但如果答案是错的，就不要显示它......任何想法？

Answer 1

如果我理解得很好，here你就拥有了所需要的东西。

插件会自动为具有无效值的字段添加类error，并在输入正确时添加类valid。

您必须为课程error指定正确的CSS样式才能达到您的需要。

例如：

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

Answer 2

我最终使用PHP来检查是否有错误。 JS只在重新加载表单之前进行验证。

jQuery Validation（）突出显示错误输入字段

2 个答案: