Работа по проверке аннотации данных электронной почты, но телефон не

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

Я думаю, проблема в том, что тип телефона просто не поддерживается. См phone type support at w3schools

Answer 2

[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;} 

Это будет соответствовать номера типа:, 012-345-6789, (012) -345-6789 и т.д.

Answer 3

MVC 4 имеет встроенный шаблон отображения для EmailAddress, но не Номер телефона. Вам необходимо создать пользовательский DisplayTemplate для [DataType(DataType.PhoneNumber)].

Добавить следующий файл (вы, вероятно, придется создать вложенную папку DisplayTemplates):
Views\Shared\DisplayTemplates\PhoneNumber.cshtml

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

Answer 4

использование EditorFor InstEd из TextBoxFor для электронной почты, то он будет дает ошибку ОК KeyUp в поле Электронная почта.