Jquery Validate插件:仅突出显示/取消强光第一个错误

时间:2011-06-20 15:22:04

标签: jquery validation

我有一张摆放在桌子里面的表格。我正在寻找一种方法来更改包含错误的第一个表行的背景颜色。

使用Hightligh和Unhighlight时,有没有办法定位第一个错误消息元素。我理解的实际DOM部分,但我似乎无法找到任何在第一个错误后停止它的方法

  highlight: function(element, errorClass, validClass) {
      // Someway of only applying the following style to the first error message
      // ??????????
         $(element).parent("td").parent("tr").css({
             'border':'1px solid #c00',
             'background':'#fff0f0'
             });
        },
 unhighlight: function(element, errorClass, validClass) {
         $(element).parent("td").parent("tr").css({
             'border':'1px solid #ccc',
             'background':'#fff'
             });

1 个答案:

答案 0 :(得分:0)

你可以这样做:

onfocusin: function (element) {
    // remember the last active field
    this.lastActive = element;
},
highlight: function (element, errorClass, validClass) {  
    // highlight only the last active
    if (this.lastActive && (this.lastActive == element))
        $(element).parent("td").parent("tr").css({
             'border':'1px solid #c00',
             'background':'#fff0f0'
             });   
}

首先不确定你的意思。