jquery - jquery検証プラグインのハイライトエラー

Question

td 内に 2 つのテキストボックスがあります (td は親です)。私の検証のハイライトは次のとおりです。

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

そして私のcssは：

.error {background-color:#F00;}

どちらも null でない必要があります。

両方が無効な場合、td 要素は赤くなります。しかし、一方が有効で他方が有効でない場合、td は白くなります。

少なくとも1つのテキストボックスが無効な場合、td要素全体が強調表示されるようにするにはどうすればよいですか?

score 0 · Accepted Answer

「エラー」クラスを削除する前に、他のテキストボックス (要素) を検証する必要があります。テキストボックスが入力であると仮定すると、兄弟要素内にテキストがあるかどうかをテストする小さな例は次のようになります。



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

1 に答える 1