4

开始的基本问题:如何将自定义的、不显眼的验证器放在模型中的对象列表之上?比如,假设我的模型允许上传多个文件,因此我有一个文件列表,我希望我的验证器在每个文件上运行?

现在举一个具体的例子。我有一个自定义的、不显眼的验证器,可以检查文件扩展名是否不在禁止扩展名列表中:

public class FileExtensionValidatorAttribute : ValidationAttribute, IClientValidatable {

    protected static string[] PROHIBITED_EXTENSIONS = {
        // ... List of extensions I don't allow.
    };

    public override bool IsValid(object value) {
        if (value is IEnumerable<HttpPostedFileBase>) {
            foreach (var file in (IEnumerable<HttpPostedFileBase>)value) {
                var fileName = file.FileName;
                if (PROHIBITED_EXTENSIONS.Any(x => fileName.EndsWith(x))) return false;
            }
        } else {
            var file = (HttpPostedFileBase)value;
            var fileName = file.FileName;
            if (PROHIBITED_EXTENSIONS.Any(x => fileName.EndsWith(x))) return false;
        }

        return true;
    }

    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context) {
        var modelClientVlidationRule = new ModelClientValidationRule {
            ErrorMessage = this.ErrorMessageString,
            ValidationType = "fileextension",
        };
        modelClientVlidationRule.ValidationParameters.Add("prohibitedextensions", string.Join("|", PROHIBITED_EXTENSIONS));

        yield return modelClientVlidationRule;
    }
}

请注意在我的 IsValid 中,我构建它是为了接受单个文件或文件列表。

在我的模型类中,我可以在单个 HttpPostedFileBase 上使用它:

[FileExtensionValidator(ErrorMessage = "Invalid Extension")]
public HttpPostedFileBase Upload { get; set; }

然后我在我的视图中附加到 jquery 的验证器:

jQuery.validator.addMethod("fileExtension", function (value, element, param) {
    var extension = "";
    var dotIndex = value.lastIndexOf('.');
    if (dotIndex != -1) extension = value.substring(dotIndex + 1).toLowerCase();

    return $.inArray(extension, param.prohibitedExtensions) === -1;
});

jQuery.validator.unobtrusive.adapters.add('fileextension', ['prohibitedextensions'], function (options) {
    options.rules['fileExtension'] = {
        prohibitedExtensions: options.params.prohibitedextensions.split('|')
    };
    options.messages['fileExtension'] = options.message;
});

这一切都很好,客户端和服务器端......但仅在单个 HttpPostedFileBase 上。问题是我需要为用户提供上传一个或多个文件的能力。如果我将模型更改为:

[FileExtensionValidator(ErrorMessage = "Invalid Extension")]
public List<HttpPostedFileBase> Uploads { get; set; }

...客户端验证不再运行;只有服务器端有效。这在查看源代码时很明显。生成的 <input> 标记缺少运行所需的所有 data-val 属性。在进行调试时,永远不会调用 GetClientValidationRules。

我错过了什么?

这可能是因为我如何渲染它吗?我只是为 HttpPostedFileBase 使用 EditorTemplate:

@model System.Web.HttpPostedFileBase
@Html.TextBoxFor(m => m, new { type = "file", size = 60 })

...我的观点是这样的:

<p>@Html.EditorFor(m => m.Uploads)</p>

任何建议表示赞赏。

4

1 回答 1

3

这就是我想出的。

我实际上认为问题最终是因为 MVC 不知道我希望列表上的数据注释应用于其所有成员。我也不应该这样想。

所以我只是在 HttpPostedFileBase 周围制作了一个“viewmodel”包装器,并将我的验证器放在那里:

public class UploadedFile {
    [FileExtensionValidator(ErrorMessage = "Invalid Extension")]
    public HttpPostedFileBase File { get; set; }
}

然后,在我的实际模型中,我现在只使用这些列表:

public List<UploadedFile> Uploads { get; set; }

...当然这里没有更多的数据注释,因为它们现在在 UploadedFile 中。

然后,对视图和编辑器模板稍作修改以使用它们,现在可以正常工作,客户端和服务器端。(不过,对我来说感觉很笨拙。如果有人有更简单的方法,我仍然很高兴听到它。)

于 2012-06-06T20:00:04.120 回答