การตรวจสอบที่อยู่อีเมลโดยใช้แอตทริบิวต์ประเภทข้อมูล ASP.NET MVC

ฉันมีปัญหากับการตรวจสอบอีเมล

ในรูปแบบของฉัน:

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

ในมุมมองของฉัน:

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

ตอนนี้มันแสดงให้ฉันอย่างถูกต้อง "ช่องไม่สามารถว่างเปล่า" เมื่อคุณปล่อยให้ช่องว่าง แต่เมื่อคุณกรอกที่อยู่อีเมลที่ไม่ถูกต้องเช่น: "fwenrjfw" แบบฟอร์มจะไม่พูดว่า "อีเมลไม่ถูกต้อง"

ฉันจะรับฟอร์มเพื่อตรวจสอบอินพุตเป็นที่อยู่อีเมลได้อย่างไร ฉันกำลังมองหาความช่วยเหลือเกี่ยวกับสิ่งนี้

หากคุณกำลังใช้ .NET Framework 4.5 แก้ปัญหาคือการใช้งานที่อยู่ภายในEmailAddressAttributeSystem.ComponentModel.DataAnnotations

รหัสของคุณควรมีลักษณะเช่นนี้:

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

ลองวิธีการช่วยเหลือแทนHtml.EditorForHtml.TextBoxFor

คุณต้องใช้คุณสมบัติ Regular Expression เช่นนี้:

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

และอย่าลบ [จำเป็น] เพราะ [RegularExpression] จะไม่มีผลกับฟิลด์ว่าง

หากคุณยังไม่ได้ใช้. 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";
    }
}

จากนั้นคุณสามารถทำสิ่งนี้:

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

ฉันใช้ MVC 3. ตัวอย่างของที่อยู่อีเมลในชั้นเรียนของฉันคือ:

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

ลบRequiredถ้าใส่เป็นตัวเลือก ไม่จำเป็นต้องใช้นิพจน์ทั่วไปถึงแม้ว่าฉันจะมีตัวเลือกที่ครอบคลุมตัวเลือกทั้งหมดภายในที่อยู่อีเมลในระดับ RFC 2822 (ยาวมาก)

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

ใช้โค้ดด้านบนในโครงการ MVC5 และทำงานได้อย่างสมบูรณ์กับข้อผิดพลาดในการตรวจสอบความถูกต้องลองรหัสนี้

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

โดยปกติสคริปต์จะโหลดในตอนท้ายของหน้า html และ MVC แนะนำให้ใช้บันเดิลเพียงพูด ดังนั้นทางออกที่ดีที่สุดของฉันคือjquery.validateไฟล์ของคุณมีการเปลี่ยนแปลงในทางใดทางหนึ่งหรือไม่ได้รับการปรับปรุงเป็นเวอร์ชั่นล่าสุดเนื่องจากพวกเขาทำการตรวจสอบอินพุตอีเมล

ดังนั้นคุณสามารถอัพเดต / รีเฟรชแพ็คเกจ nuget หรือเขียนฟังก์ชั่นของคุณเองได้

นี่คือตัวอย่างที่คุณจะเพิ่มในไฟล์เพิ่มเติมหลังจาก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"
);

นี่เป็นเพียงการคัดลอกและวางของjquery.validateRegex ปัจจุบันแต่ด้วยวิธีนี้คุณสามารถตั้งค่าข้อความแสดงข้อผิดพลาดที่กำหนดเอง / เพิ่มวิธีการพิเศษให้กับเขตข้อมูลที่คุณอาจต้องการตรวจสอบในอนาคตอันใกล้

ตามข้างต้นนี้จะแก้ไขการตรวจสอบด้านเซิร์ฟเวอร์ของที่อยู่อีเมล:

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

อย่างไรก็ตาม ...

หากคุณกำลังใช้การตรวจสอบความถูกต้องฝั่งไคลเอ็นต์ JQuery คุณควรรู้ว่าอีเมลตรวจสอบฝั่งเซิร์ฟเวอร์ที่แตกต่างกัน ในตัวอย่าง test @ นั้น (ที่อยู่อีเมลโดเมนระดับบนสุด) จะล้มเหลวฝั่งเซิร์ฟเวอร์ แต่จะตรวจสอบความถูกต้องในฝั่งไคลเอ็นต์

หากต้องการแก้ไขความไม่เสมอภาคนี้คุณสามารถแทนที่การตรวจสอบความถูกต้องอีเมลด้านไคลเอ็นต์เริ่มต้นดังนี้:

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