Validación de dirección de correo electrónico utilizando atributos de tipo de datos ASP.NET MVC

Tengo algunos problemas con la validación de un correo electrónico.

En mi modelo:

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

En mi vista:

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

Ahora me muestra correctamente "El campo no puede estar vacío" cuando deja el campo vacío. Pero cuando completa una dirección de correo electrónico no válida como: "fwenrjfw", el formulario no dice "El correo electrónico no es válido".

¿Cómo puedo obtener el formulario para validar la entrada como una dirección de correo electrónico? Estoy buscando ayuda con esto.

Si está utilizando .NET Framework 4.5, la solución es usar el EmailAddressAttributeque reside dentro System.ComponentModel.DataAnnotations.

Su código debería ser similar a esto:

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

Pruebe el Html.EditorFormétodo auxiliar en lugar de Html.TextBoxFor.

Necesita usar el atributo RegularExpression, algo como esto:

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

Y no elimine [Obligatorio] porque [Expresión regular] no afecta a los campos vacíos.

si aún no estás usando .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";
    }
}

Entonces puedes hacer esto:

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

Uso MVC 3. Un ejemplo de propiedad de dirección de correo electrónico en una de mis clases es:

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

Elimine el Requiredsi la entrada es opcional. No necesito expresiones regulares, aunque tengo una que cubre todas las opciones dentro de una dirección de correo electrónico hasta el nivel RFC 2822 (es muy larga).

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

Usé el código anterior en el proyecto MVC5 y funciona completamente bien con el error de validación. Solo pruebe este código

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

Los scripts generalmente se cargan al final de la página html, y MVC recomienda el uso de paquetes, solo diciendo. Entonces, mi mejor apuesta es que sus jquery.validatearchivos se alteraron de alguna manera o no se actualizan a la última versión, ya que validan las entradas de correo electrónico.

Por lo tanto, puede actualizar / actualizar su paquete nuget o escribir su propia función, realmente.

Aquí hay un ejemplo que agregaría en un archivo adicional después de 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"
);

Esto es solo una copia y pega del jquery.validateRegex actual , pero de esta manera puede configurar su mensaje de error personalizado / agregar métodos adicionales a los campos que desee validar en el futuro cercano.

Según lo anterior, esto solucionará la validación del lado del servidor de una dirección de correo electrónico:

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

Sin embargo...

Si está utilizando la validación del lado del cliente JQuery, debe saber que el correo electrónico valida de manera diferente el lado del servidor (validación del modelo) al lado del cliente (validación de JQuery). En esa prueba @ ejemplo (una dirección de correo electrónico de dominio de nivel superior) fallaría en el lado del servidor pero se validaría bien en el lado del cliente.

Para solucionar esta disparidad, puede anular la validación de correo electrónico predeterminada del lado del cliente de la siguiente manera:

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