jQuery驗證：顯示/隱藏默認元素以外的自定義元素

Question

我想要做的是以下幾點。我有一個圖像顯示懸停的工具提示。當一個字段沒有通過驗證時，我想在新的段落中顯示默認的錯誤信息以及圖像的標題。工具提示圖像應該隱藏起來。當字段通過驗證時，應該再次隱藏默認錯誤消息（默認行爲），我的段落應該隱藏，並且應該再次顯示工具提示圖像。

所以，當一個字段沒有通過驗證：
- 默認驗證錯誤消息
- 說明圖像稱號

當某個字段通過驗證：
- 說明圖像

我得到了'失敗的驗證'部分，但是當字段通過驗證時，工具提示圖像的標題仍然顯示，工具提示圖像被隱藏。所以我基本需要的是當某個字段通過驗證時對函數的回調。

這是我到目前爲止有：

$(document).ready(function(){ 

$('form#saveform').validate({ 

    ignore: ":hidden", 
    errorPlacement: function (error, element) { 

     var error_td = element.parent('td').next('td'); 
     var tooltip_img = error_td.find('img.tooltip'); 

     error_td.append(error); 
     error_td.append('<p class="notice">' + tooltip_img.attr('oldtitle') + '</p>'); 

     tooltip_img.hide(); 

    } 

}); 

}); 

誰能幫我做這項工作？

Answer 1

我不認爲驗證插件將有一個回調時驗證成功。雖然它有回調來應用和刪除錯誤突出顯示元素。 所以你可以做的是：

$('form#saveform').validate({ 
    highlight: function(element, errorClass, validClass) { 
    // add error, hide image 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
    // remove error, show image 
    } 
}); 

Answer 2

啊 - 你想要的success鉤：

$(document).ready(function(){ 

    $('form#saveform').validate({ 

     ignore: ":hidden", 
     errorPlacement: function (error, element) { 

      var error_td = element.parent('td').next('td'); 
      var tooltip_img = error_td.find('img.tooltip'); 
      error_td.append(error); 
      error_td.append('<p class="notice">' + tooltip_img.attr('oldtitle') + '</p>'); 
      tooltip_img.hide(); 

     } 
     success: function() { 
      // Your success code here... 
     } 

    }); 

});