jquery - jquery validate插件高亮错误

Question

我在一个 td 中有两个文本框（td 是父级）。我的验证亮点是：

  unhighlight: function(element) {
  $(element).parent().removeClass('error');

我的CSS是：

.error {background-color:#F00;}

两者都必须不为空。

当两者都无效时， td 元素变为红色。但是当一个有效而另一个无效时，td 变为白色。

我该如何解决这个问题，以便如果至少一个文本框无效，则整个 td 元素都会突出显示？

Answer 1

在删除“错误”类之前，您必须验证其他文本框（元素）。假设您的文本框是一个输入，一个测试兄弟元素内是否有文本的小示例将如下所示：

unhighlight: function(element) {
    if ($(element).siblings('input').val() != '') {
        $(element).parent().removeClass('error');
    }
}