asp.net-mvc - 仅显示第一条错误消息

Question

我将 ASP.NET MVC3 用于具有服务器和客户端验证的表单。我将错误消息显示为输入上方的气球。由于错误的显示，我一次只需要显示一个错误，否则气球往往会掩盖其他可能也有错误的字段。

如何自定义验证行为以仅呈现第一条错误消息？

编辑:请注意该表单同时具有服务器和客户端验证，并且我只想显示整个表单(不是每个字段)的第一条错误消息。

Answer 1

如果有人需要它，我想到的解决方案是将以下脚本添加到页面底部。这与现有的 javascript 验证 Hook ，以动态隐藏表单中除第一个错误之外的所有错误。

<script>
    $(function() {
        var form = $('form')[0];
        var settings = $.data(form, 'validator').settings;
        var errorPlacementFunction = settings.errorPlacement;
        var successFunction = settings.success;

        settings.errorPlacement = function(error, inputElement) {
            errorPlacementFunction(error, inputElement);
            showOneError();
        }
        settings.success = function (error) {
            successFunction(error);
            showOneError();
        }
        function showOneError() {
            var $errors = $(form).find(".field-validation-error");
            $errors.slice(1).hide();
            $errors.filter(":first:not(:visible)").show();
        }
    });
</script>