电子邮件数据批注验证有效，但手机无效

Question

我正在ASP中使用数据注释。NET MVC4项目对电子邮件和电话字段执行客户端验证。电子邮件正在客户端中成功验证，但手机没有-它允许我输入无效字符，并且只在提交表单时警告我（而不是在键入字符后立即警告我）

在模型中：

[Required(ErrorMessage = "Email is required")]
[DataType(DataType.EmailAddress)]
[EmailAddress]
[Display(Name = "Email")]
public string Email{ get; set; }

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

在视图中，我相信我包含了正确的脚本引用：

<script type="text/javascript" src="~/Scripts/jquery.validate.min.js" ></script
<script type="text/javascript" src="~/Scripts/jquery.validate.unobtrusive.min.js" ></script>

...并使用html助手（我使用TextBoxFor而不是EditorFor，因为我正在应用类属性，为了清楚起见，我在这里省略了这些属性）

@Html.LabelFor(model => model.Email)
@Html.ValidationMessageFor(model => model.Email)
@Html.TextBoxFor(model => model.Email, new { @type = "email" })       

@Html.LabelFor(model => model.Mobile)
@Html.ValidationMessageFor(model => model.Mobile)
@Html.TextBoxFor(model => model.Mobile, new { @type = "phone" }) 

我错过了什么？

Answer 1

我认为问题是电话类型不受支持。请参阅w3schools的电话类型支持

Answer 2

MVC 4有一个内置的EmailAddress显示模板，但没有PhoneNumber。您需要为[数据类型（数据类型.电话号码）]创建一个自定义显示模板。

添加以下文件（您可能需要创建子文件夹DisplayTemplates）：
<代码>视图\共享\显示模板\电话号码。cshtml

@model System.String
@if (Model != null)
{
    @:@System.Text.RegularExpressions.Regex.Replace(@Model, "(\\d{3})(\\d{3})(\\d{4})", "$1-$2-$3")
}

Answer 3

[Required(ErrorMessage = "Mobile is required")]
[RegularExpression(@"^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$", ErrorMessage = "Entered mobile format is not valid.")]
public string Mobile{get; set;}

它将匹配诸如：0123456789、012-345-6789、[phone]等数字。