工具提示中的 MVC3 验证错误消息答案

【问题标题】：MVC3 Validation Error Message in Tooltip工具提示中的 MVC3 验证错误消息
【发布时间】：2012-02-20 14:32:39
【问题描述】：

我是 ASP.NET 和 MVC3 的新手。我有一个项目，需要在工具提示中显示 MVC3 验证错误消息而不更新 jquery.validate.unobtrusive.js。这个我试过了

但无法让它工作。根据上面的链接，这是我应该使用的功能。它说在这里做点什么...我无法弄清楚我应该编写什么代码来在验证失败时在必填字段旁边显示带有错误图标的错误消息。

$(function() {
    var settngs = $.data($('form')[0], 'validator').settings;
    var oldErrorFunction = settngs.errorPlacement;
    var oldSucessFunction = settngs.success;
    settngs.errorPlacement = function (error, inputElement) {
        //Do something here
        oldErrorFunction(error, inputElement);
    }
    settngs.success = function (error) {
        //Do something here
        oldSucessFunction(error);
    }
});

谁能帮忙？

【问题讨论】：

标签： jquery asp.net asp.net-mvc-3

【解决方案1】：

你可以使用下面的css，

.myfield-validation-error
{
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 4px;
    background-image:url(../../Images/Close-2-icon.png);
}
.myfield-validation-valid
{
    content: "";
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-right: 4px;
    background-image:url(../../Images/Ok-icon.png);
}

然后你可以在你的成功和失败回调中使用你的这些类，

<script>
    $(function () {
        var settngs = $.data($('form')[0], 'validator').settings;
        var oldErrorFunction = settngs.errorPlacement;
        var oldSucessFunction = settngs.success;
        settngs.errorPlacement = function (error, inputElement) {
            $(inputElement).closest('div').next().removeClass('myfield-validation-valid').addClass('myfield-validation-error')
            oldErrorFunction(error, inputElement);
        }
        settngs.success = function (error) {
            $(error).closest('div').addClass('myfield-validation-valid').removeClass('myfield-validation-error')
            oldSucessFunction(error);
        }
    });
</script>

进一步检查this链接。

【讨论】：

【解决方案2】：

如果您使用的是 MVC3，则可以利用提供的验证。查看 Account Controller - Register View 以了解如何实现它的示例。

研究（在视图中）：

@Html.ValidationSummary(true, "账户创建失败。请更正错误并重试。”）

和类：

System.ComponentModel.DataAnnotations.RequiredAttribute

【讨论】：