Xác nhận địa chỉ email bằng cách sử dụng các thuộc tính kiểu dữ liệu ASP.NET MVC

Question

Tôi gặp một số vấn đề với việc xác thực một Email.

Trong mẫu của tôi:

[Required(ErrorMessage = "Field can't be empty")] 
[DataType(DataType.EmailAddress, ErrorMessage = "E-mail is not valid")] 
public string ReceiverMail { get; set; } 

Theo quan điểm của tôi:

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

@Html.TextBoxFor(m => m.ReceiverMail, new { @placeholder="E-mail"}) <br /> 
@Html.ValidationMessageFor(m => m.ReceiverMail) 

Bây giờ nó được một cách chính xác cho thấy tôi "Field không thể để trống" khi bạn rời sân trống. Nhưng khi bạn điền vào một địa chỉ email không hợp lệ như: "fwenrjfw" thì biểu mẫu không nói "E-mail không hợp lệ".

Tôi làm cách nào để lấy biểu mẫu xác thực dữ liệu nhập dưới dạng địa chỉ email? Tôi đang tìm kiếm một số trợ giúp với điều này.

Answer 1

Bạn cần phải sử dụng biểu thức chính quy thuộc tính, một cái gì đó như thế này:

[RegularExpression("^[a-zA-Z0-9_\\.-]+@([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,6}$", ErrorMessage = "E-mail is not valid")] 

Và đừng xóa [Bắt buộc] vì [biểu thức chính quy] không ảnh hưởng đến các lĩnh vực có sản phẩm nào.

Answer 2

Thử phương thức trợ giúp Html.EditorFor thay vì Html.TextBoxFor.

Answer 3

tôi sử dụng MVC 3. Một ví dụ về sở hữu địa chỉ email trong một lớp học của tôi là:

[Display(Name = "Email address")] 
[Required(ErrorMessage = "The email address is required")] 
[Email(ErrorMessage = "The email address is not valid")] 
public string Email { get; set; } 

Tháo Required nếu đầu vào là không bắt buộc. Không cần biểu thức chính quy mặc dù tôi có một biểu thức bao gồm tất cả các tùy chọn trong một địa chỉ email lên đến mức RFC 2822 (rất dài).

Answer 4

Nếu bạn đang sử dụng .NET Framework 4.5, giải pháp là sử dụng EmailAddressAttribute nằm bên trong System.ComponentModel.DataAnnotations.

Mã của bạn sẽ trông giống như thế này:

[Display(Name = "Email address")] 
[Required(ErrorMessage = "The email address is required")] 
[EmailAddress(ErrorMessage = "Invalid Email Address")] 
public string Email { get; set; } 

Answer 5

nếu bạn chưa sử dụng .net 4.5:

/// <summary> 
/// TODO: AFTER WE UPGRADE TO .NET 4.5 THIS WILL NO LONGER BE NECESSARY. 
/// </summary> 
public class EmailAnnotation : RegularExpressionAttribute 
{ 
    static EmailAnnotation() 
    { 
     DataAnnotationsModelValidatorProvider.RegisterAdapter(typeof(EmailAnnotation), typeof(RegularExpressionAttributeAdapter)); 
    } 

    /// <summary> 
    /// from: http://stackoverflow.com/a/6893571/984463 
    /// </summary> 
    public EmailAnnotation() 
     : base(@"^[\w!#$%&'*+\-/=?\^_`{|}~]+(\.[\w!#$%&'*+\-/=?\^_`{|}~]+)*" 
      + "@" 
      + @"((([\-\w]+\.)+[a-zA-Z]{2,4})|(([0-9]{1,3}\.){3}[0-9]{1,3}))$") { } 

    public override string FormatErrorMessage(string name) 
    { 
     return "E-mail is not valid"; 
    } 
} 

Sau đó, bạn có thể làm điều này:

public class ContactEmailAddressDto 
    { 
     public int ContactId { get; set; } 
     [Required] 
     [Display(Name = "New Email Address")] 
     [EmailAnnotation] //**<----- Nifty.** 
     public string EmailAddressToAdd { get; set; } 
    } 

Answer 6

Các tập lệnh thường được tải vào cuối trang html và MVC đề xuất sử dụng các gói, chỉ cần nói. Vì vậy, đặt cược tốt nhất của tôi là các tệp jquery.validate của bạn đã bị thay đổi theo một số cách hoặc không được cập nhật lên phiên bản mới nhất, vì chúng xác thực các đầu vào e-mail.

Vì vậy, bạn có thể cập nhật/làm mới gói nuget của bạn hoặc viết chức năng của riêng bạn, thực sự.

Dưới đây là một ví dụ mà bạn sẽ thêm vào một tập tin thêm sau jquery.validate.unobtrusive:

$.validator.addMethod(
    "email", 
    function (value, element) { 
     return this.optional(element) || /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test(value); 
    }, 
    "This e-mail is not valid" 
); 

Đây chỉ là một sao chép và dán các hiện hành jquery.validate Regex, nhưng cách này bạn có thể thiết lập thông báo lỗi tùy chỉnh của bạn/thêm các phương thức bổ sung cho các trường mà bạn có thể muốn xác thực trong tương lai gần.