2

我想做的是以下。我有一张图片显示悬停时的工具提示。当字段未通过验证时，我想在新段落中显示默认错误消息以及图像的标题。然后应该隐藏工具提示图像。当该字段通过验证时，应再次隐藏默认错误消息（默认行为），应隐藏我的段落并再次显示工具提示图像。

因此，当字段未通过验证时：
- 默认验证错误消息
- 工具提示图像的标题

当一个字段通过验证时：
- 工具提示图像

我弄清楚了“验证失败”部分，但是当该字段通过验证时，工具提示图像的标题仍然显示并且工具提示图像被隐藏。所以我基本上需要的是当某些字段通过验证时对函数的回调。

这是我到目前为止所得到的： 

$(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();

    }

});

});

谁能帮我完成这项工作？

4

2 回答 2

1

我认为验证成功时验证插件不会有回调。虽然它有回调来应用和删除元素的错误突出显示。所以你可以做的是：

$('form#saveform').validate({
  highlight: function(element, errorClass, validClass) {
    // add error, hide image
  },
  unhighlight: function(element, errorClass, validClass) {
     // remove error, show image
  }
});
于 2012-04-16T14:27:13.327 回答
0

啊——你想要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...
        }

    });

});
于 2012-04-16T14:15:10.630 回答