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