asp.net-mvc - 如何在 jqueryui 工具提示中显示 jqueryui 验证错误消息

Question

我正在关注 this tutorial在 jqueryui 工具提示中显示验证错误。验证工作正常，但我无法显示正确的错误消息，因为正确的属性无法有条件地链接到工具提示，如下面的示例所示:

$(document).tooltip({
        items: ".input-validation-error",
        content: function () {

            //debugger;
            return $(this).attr('data-val-required');
        }
    });

此逻辑只会显示必填字段错误消息，有没有办法通过利用验证结果(用于远程和比较类型验证)来扩展此逻辑，或者我是否遇到了死胡同？

Answer 1

由于 content() 函数是按需调用的，因此您可以根据相关元素 this 的属性提供您需要的任何文本。

您需要检查元素并返回发生的验证错误的文本。像这样的东西:

$(document).tooltip({
    items: ".input-validation-error",
    content: function () {

        //debugger;
        return $(this).attr('data-val-required') || 
               $(this).attr('data-val-date') ||
               $(this).attr('data-val-number'); // etc etc
    }
});

这将返回填充有错误消息的数据验证属性。