jquery验证插件突出显示错误

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');
    }
}

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