ASP.NET MVC veri türü özniteliklerini kullanarak e-posta adresi doğrulaması

Bir E-postanın doğrulanmasıyla ilgili bazı sorunlarım var.

Modelimde:

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

Bana göre:

<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)

Şimdi alanı boş bıraktığınızda bana doğru "Alan boş olamaz" gösteriyor. Ancak, "fwenrjfw" gibi geçersiz bir e-posta adresi doldurduğunuzda, form "E-posta geçerli değil" demez.

Girişi e-posta adresi olarak doğrulamak için formu nasıl alabilirim? Bu konuda yardım istiyorum.

.NET Framework 4.5 kullanıyorsanız, çözüm EmailAddressAttributeiçeride bulunan kullanmaktır System.ComponentModel.DataAnnotations.

Kodunuz şuna benzer olmalıdır:

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

Html.EditorForBunun yerine yardımcı yöntemi deneyin Html.TextBoxFor.

RegularExpression Attribute, aşağıdaki gibi bir şey kullanmanız gerekir:

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

Ve [Zorunlu] ifadesini silmeyin çünkü [RegularExpression] boş alanları etkilemez.

Henüz .net 4.5 kullanmıyorsanız:

/// <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";
    }
}

Sonra bunu yapabilirsiniz:

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

MVC 3 kullanıyorum. Sınıflarımdan birinde e-posta adresi özelliği örneği:

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

RequiredGiriş isteğe bağlıysa çıkarın . RFC 2822 seviyesine kadar bir e-posta adresindeki tüm seçenekleri kapsayan bir tane olmasına rağmen düzenli ifadelere gerek yok (çok uzun).

[Required(ErrorMessage = "Please enter Social Email id")]
    [DataType(DataType.EmailAddress)]
    [EmailAddress]
    public string Email { get; set; }

MVC5 projesinde yukarıdaki kodu kullandı ve doğrulama hatası ile tamamen iyi çalışıyor.

   [Required]
   [Display(Name = "Email")]
   [EmailAddress]

   [RegularExpression(@"^([A-Za-z0-9][^'!&\\#*$%^?<>()+=:;`~\[\]{}|/,₹€@ ][a-zA-z0- 
    9-._][^!&\\#*$%^?<>()+=:;`~\[\]{}|/,₹€@ ]*\@[a-zA-Z0-9][^!&@\\#*$%^?<> 
        ()+=':;~`.\[\]{}|/,₹€ ]*\.[a-zA-Z]{2,6})$", ErrorMessage = "Please enter a 
   valid Email")]


   public string ReceiverMail { get; set; }

Komut dosyaları genellikle html sayfasının sonuna yüklenir ve MVC demetleri kullanmayı önerir. Benim en iyi bahisimjquery.validate dosyalarınızın bir şekilde değiştirilmiş olması veya e-posta girişlerini doğruladıkları için en son sürüme güncellenmemeleri.

Böylece nuget paketinizi güncelleyebilir / yenileyebilir veya kendi fonksiyonunuzu yazabilirsiniz.

Aşağıda, fazladan bir dosyaya ekleyeceğiniz bir örnek verilmiştir 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"
);

Bu sadece mevcut jquery.validateRegex'in bir kopyası ve yapıştırmasıdır , ancak bu şekilde özel hata mesajınızı ayarlayabilir / yakın gelecekte doğrulamak isteyebileceğiniz alanlara ekstra yöntemler ekleyebilirsiniz.

Yukarıdakilere göre bu, bir E-posta Adresinin sunucu tarafı doğrulamasını düzeltir:

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

Ancak...

JQuery istemci tarafı doğrulaması kullanıyorsanız, E-postanın sunucu tarafını (model doğrulaması) istemci tarafına (JQuery doğrulaması) farklı şekilde doğruladığını bilmelisiniz. Bu test @ örneğinde (bir üst düzey alan e-posta adresi) sunucu tarafında başarısız olur, ancak istemci tarafında para cezası doğrulanır.

Bu eşitsizliği gidermek için varsayılan istemci tarafı e-posta doğrulamasını aşağıdaki gibi geçersiz kılabilirsiniz:

$.validator.methods.email = function (value, element) {
    return this.optional(element) || /^[a-z0-9._]+@[a-z]+\.[a-z.]+/.test(value);
}