如何在客户端将自定义ValidationAttribute呈现为“da​​ta-val-xx”属性？

Question

给定一个如下所示的ViewModel：

public class Login {
    [Required]
    public string Username { get; set; }

    [Required, CustomValidator]
    public string Password { get; set; }
}

这样的视图（Razor语法）：

@Html.TextBoxFor(f => f.Password)

我得到以下标记：

<input type="text"
       value="" 
       data-val-required="This field is required." />

但我希望它还为我的自定义验证器添加'data-'属性。

我想要这样的事情：

<input type="text" 
       value="" 
       data-val-required="This field is required."
       data-val-customvalidator="XYZ" />

如何使用ASP.NET MVC 3.0实现此目的？

E.g。我需要在自定义验证器上添加一些特殊属性吗？或者在某处注册？

Answer 1

嗯，MSDN救了我（正如经常那样）。

http://msdn.microsoft.com/en-us/library/ff398048.aspx

首先，我必须为验证属性创建一个适配器：

public class CustomAttributeAdapter : DataAnnotationsModelValidator<EmailAttribute>
{
    public CustomAttributeAdapter(
        ModelMetadata metadata,
        ControllerContext context,
        CustomAttribute attribute) :
        base(metadata, context, attribute)
    {
    }

    public override IEnumerable<ModelClientValidationRule> GetClientValidationRules()
    {
        ModelClientValidationRule rule = new ModelClientValidationRule()
        {
            ErrorMessage = ErrorMessage,
            ValidationType = "custom"
        };
        return new ModelClientValidationRule[] { rule };
    }
}

（'ValidationType'设置必须为小写才能生效，因为这是将用作HTML5属性的后修复 - 'data-val-custom'。 ）

然后我需要做的就是在Application_Start上注册它。

DataAnnotationsModelValidatorProvider.RegisterAdapter(
    typeof(EmailAttribute),
    typeof(EmailAttributeAdapter));

期待HTML5验证带来很多乐趣。 ：）