La convalida dell'annotazione dei dati e-mail funziona ma Telefono non è

Question

Sto utilizzando le annotazioni di dati nel mio progetto ASP.NET MVC4 per eseguire la convalida sul lato client nei campi di posta elettronica e telefono. La posta elettronica è convalidare con successo nel client, ma telefono non - mi permette di inserire i caratteri non validi e mi avverte soltanto dietro presentazione di modulo (piuttosto che immediatamente dopo il carattere digitato)

Nel modello:

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

Dal punto di vista credo di essere inclusi i corretti riferimenti a script:

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

..e utilizzando aiutanti html (sto usando TextBoxFor piuttosto che EditorFor come sto applicando attributi di classe che ho omesso qui per chiarezza)

@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" }) 

Cosa mi manca?

Answer 1

Penso che il problema sia che il tipo di telefono non è supportato. Vedere 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;} 

Si abbinerà numeri come:, 012-345-6789, (012) -345-6789 ecc

Answer 3

MVC 4 ha un built-in maschera di visualizzazione per EmailAddress ma non Numero di telefono. È necessario creare un DisplayTemplate personalizzato per [DataType(DataType.PhoneNumber)].

Aggiungere il seguente file (si dovrà probabilmente per creare le DisplayTemplates sottocartella):
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

uso EditorFor invece di TextBoxFor per e-mail, allora sarà dà errore ok keyup nel campo e-mail.