DataType 属性不起作用

Question

在 ASP.NET MVC 3 Web 应用程序中，我有一个视图模型，其属性标记为 DataType 属性，但它们不在客户端和服务器端进行实际验证，为什么？

public class RegisterModel
{
    [Required(ErrorMessage = "Phone number is required")]
    [DataType(DataType.PhoneNumber)]
    [Display(Name = "Phone number")]
    public string PhoneNumber { get; set; }

    [Required(ErrorMessage = "E-mail address is required")]
    [DataType(DataType.EmailAddress, ErrorMessage = "Please enter a valid date (ex: 2/14/2011)")]
    [Display(Name = "E-mail address")]
    public string Email { get; set; }
}

感谢您的回复。

Answer 1

DataType 属性不能用于验证用户输入。它们仅提供使用模板化助手呈现值的提示。

如果没有满足您需要的内置验证属性（例如“Range”或“Required”），那么您应该做的是创建一个自定义属性验证属性，并使用该属性来装饰您的模型属性以进行验证。 EG，用于 DataType.EmailAddress

这在 Pro Asp.net mvc 3 Framework（Adam Freeman 和 Steve Sanderson，第 618 页或附近）中进行了描述

Answer 2

包含：

<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>

您是否在主页中

？另外，您的 Web.config 中还需要这些：

<appSettings>
    <add key="ClientValidationEnabled" value="true"/>
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>
</appSettings>

Answer 3

我同意 DataType 属性不执行任何验证的事实。但是您已经设置了必需的属性，该属性应该可以工作。

您必须放置一个表单来呈现属性的控件。当表单发布后，单击“提交”。

假设您的表单已发布到以下方法。

[HttpPost]
        public ActionResult SaveRegisterDetails(Register registerDetails)
        {
            if (ModelState.IsValid)
                return View();
            else
                return View("Index", registerDetails);
        }

将您的 ViewModel 对象作为参数传递。从表单发布的所有值都将出现在该对象中。然后检查 ModelState 是否有效。如果无效，则返回发布表单的相同视图，并将 ViewModel 对象作为参数传递。

如果您使用的是 EditorForModel 或 DisplyForModel，请使用 ValidationSummary 帮助程序在 UI 上显示错误消息。

Answer 4

对于 .NET Framework 4.5 及更高版本，有一个名为 [EmailAddress] 的验证属性，将其用于您的属性，如下所示

[Required]
[DataType(DataType.EmailAddress)]
[EmailAddress(ErrorMessageResourceName = "MustBeEmail", ErrorMessageResourceType = typeof(Resources))]
public string Email { get; set; }

另外不要忘记确保您在 web 中启用了客户端验证且不显眼.config 文件

<appSettings>
    <add key="ClientValidationEnabled" value="true"/>
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/>
</appSettings>

并在剃须刀中包含 js 文件。