Xác thực chú thích dữ liệu email hoạt động nhưng Điện thoại không

Question

Tôi đang sử dụng chú thích dữ liệu trong dự án ASP.NET MVC4 để thực hiện xác thực phía máy khách trên các trường email và điện thoại. Email xác nhận thành công trong các khách hàng nhưng điện thoại không - nó cho phép tôi để nhập các ký tự không hợp lệ và chỉ cảnh báo cho tôi về việc xuất trình các hình thức (chứ không phải ngay lập tức sau khi nhân vật được đánh máy)

Trong mô hình:

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

Trong giao diện tôi tin rằng tôi là bao gồm cả các tài liệu tham khảo kịch bản chính xác:

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

..và sử dụng người giúp đỡ html (tôi đang sử dụng TextBoxFor hơn EditorFor như tôi đang áp dụng các thuộc tính lớp mà tôi có bỏ qua ở đây để rõ ràng)

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

Tôi đang thiếu gì?

Answer 1

Tôi nghĩ rằng vấn đề là loại điện thoại không được hỗ trợ. Xem 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;} 

Nó sẽ phù hợp với con số như:, 012-345-6789, (012) -345-6789, vv

Answer 3

MVC 4 đã tích hợp sẵn trong mẫu hiển thị cho EmailAddress nhưng không Số điện thoại. Bạn cần tạo DisplayTemplate tùy chỉnh cho [DataType(DataType.PhoneNumber)].

Thêm tập tin sau (bạn có thể sẽ phải tạo ra các thư mục con 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

sử dụng EditorFor insted của TextBoxFor cho Email, sau đó nó sẽ mang lại cho lỗi KeyUp ok trong lĩnh vực email.