MVC3中的MVC DataAnnotation呈现错误的HTML

如何解决MVC3中的MVC DataAnnotation呈现错误的HTML

|| 我有一个看起来像这样的简单模型对象：

[DataMember]
[DataType(DataType.Date)]
public DateTime WeekEndingDate { get; set; }

以及执行此操作的视图页

 @Html.TextBoxFor(model => model.CashEntry.WeekEndingDate)

但是我的问题是，它将其呈现为标记：

<input data-val=\"true\" data-val-required=\"The WeekEndingDate field is required.\" id=\"CashEntry_WeekEndingDate\" name=\"CashEntry.WeekEndingDate\" type=\"text\" value=\"\" />

真正需要data-val-的时候应该是data-val-date。这也在日期字段的页面上增加了验证的准确性。为什么会这样呢？     

解决方法

我很怀疑ASP.NET MVC 3从不创建data-val-date，这是可能创建的属性的列表： 数据值 数据值等于 数据范围 数据值正则表达式 数据值远程 需要数据值 数据值长度 您可以为DataType属性创建其他ModelValidatorProvider，如下所示：

public class ClientDataTypeNameModelValidatorProvider : ModelValidatorProvider
{
    public override IEnumerable<ModelValidator> GetValidators(ModelMetadata metadata,ControllerContext context)
    {
        if (metadata == null)
            throw new ArgumentNullException(\"metadata\");

        if (context == null)
            throw new ArgumentNullException(\"context\");

        if (metadata.DataTypeName == \"Date\")
            yield return new DateModelValidator(metadata,context);
    }

    internal sealed class DateModelValidator : ModelValidator
    {
        public DateModelValidator(ModelMetadata metadata,ControllerContext controllerContext)
            : base(metadata,controllerContext)
        { }

        public override IEnumerable<ModelClientValidationRule> GetClientValidationRules()
        {
            ModelClientValidationRule rule = new ModelClientValidationRule()
            {
                ValidationType = \"date\",ErrorMessage = \"[Put your error message here]\"
            };

            return new ModelClientValidationRule[] { rule };
        }

        public override IEnumerable<ModelValidationResult> Validate(object container)
        {
            // No server-side validation logic
            return Enumerable.Empty<ModelValidationResult>();
        }
    }
}

像这样在您的Global.asax中注册它：

ModelValidatorProviders.Providers.Add(new ClientDataTypeNameModelValidatorProvider());

这应该为您提供对DataType.Date的客户端验证支持，但是您必须记住，它仅适用于jQuery验证，因为Microsoft验证没有日期规则。