Email address validation using ASP NET MVC data type attributes

Question

I have some problems with the validation of a Email   In my Model    Required ErrorMessage    Field can t be empty     DataType DataType EmailAddress  ErrorMessage    E-mail is not valid    public string ReceiverMail   get  set      In my view    lt script src   Url Content    Scripts jquery validate min js    type  text javascript  gt  lt  script gt   lt script src   Url Content    Scripts jquery validate unobtrusive min js    type  text javascript  gt  lt  script gt    Html TextBoxFor m   gt  m ReceiverMail  new    placeholder  E-mail     lt br   gt   Html ValidationMessageFor m   gt  m ReceiverMail    Now it is correctly showing me  Field can t be empty  when you leave the field empty  But when you fill in an invalid email address like   fwenrjfw  then the form does not say  E-mail is not valid    How can I get the form to validate the input as an email address  I am looking for some help with this

User · Answer

I use MVC 3  An example of email address property in one of my classes is    Display Name    Email address     Required ErrorMessage    The email address is required     Email ErrorMessage    The email address is not valid    public string Email   get  set      Remove the Required if the input is optional  No need for regular expressions although I have one which covers all of the options within an email address up to RFC 2822 level  it s very long

User · Answer

Scripts are usually loaded in the end of the html page  and MVC recommends the using of bundles  just saying  So my best bet is that your jquery validate files got altered in some way or are not updated to the latest version  since they do validate e-mail inputs   So you could either update refresh your nuget package or write your own function  really   Here s an example which you would add in an extra file after jquery validate unobtrusive     validator addMethod       email       function  value  element            return this optional  element         a-zA-Z0-9      amp               -    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       This is just a copy and paste of the current jquery validate Regex  but this way you could set your custom error message add extra methods to fields you might want to validate in the near future

User · Answer

If you are using  NET Framework 4 5  the solution is to use EmailAddressAttribute which resides inside System ComponentModel DataAnnotations   Your code should look similar to this    Display Name    Email address     Required ErrorMessage    The email address is required     EmailAddress ErrorMessage    Invalid Email Address    public string Email   get  set

User · Answer

if you aren t yet using  net 4 5        lt summary gt      TODO  AFTER WE UPGRADE TO  NET 4 5 THIS WILL NO LONGER BE NECESSARY       lt  summary gt  public class EmailAnnotation   RegularExpressionAttribute       static EmailAnnotation                 DataAnnotationsModelValidatorProvider RegisterAdapter typeof EmailAnnotation   typeof RegularExpressionAttributeAdapter                    lt summary gt          from  http   stackoverflow com a 6893571 984463          lt  summary gt      public EmailAnnotation             base      w     amp     -                  w     amp     -                                                        - 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             Then you can do this       public class ContactEmailAddressDto               public int ContactId   get  set             Required           Display Name    New Email Address             EmailAnnotation       lt ----- Nifty            public string EmailAddressToAdd   get  set

User · Answer

Used the above code in MVC5 project and it works completely fine with the validation error  Just try this code      Required      Display Name    quot Email quot        EmailAddress       RegularExpression   quot    A-Za-z0-9      amp          lt  gt                          a-zA-z0-      9-       amp          lt  gt                             a-zA-Z0-9     amp           lt  gt                                        a-zA-Z  2 6    quot   ErrorMessage    quot Please enter a     valid Email quot         public string ReceiverMail   get  set

User · Answer

You need to use RegularExpression Attribute  something like this    RegularExpression    a-zA-Z0-9    -     a-zA-Z0-9-        a-zA-Z  2 6     ErrorMessage    E-mail is not valid      And don t delete  Required  because  RegularExpression  doesn t affect empty fields

User · Answer

As per the above this will fix server side validation of an Email Address   Display Name    quot Email address quot     Required ErrorMessage    quot The email address is required quot     EmailAddress ErrorMessage    quot Invalid Email Address quot    public string Email   get  set     However    If you are using JQuery client side validation you should know that the Email validates differently server side  model validation  to client side  JQuery validation   In that test example  a top level domain email address  would fail server side but would validate fine on the client side  To fix this disparity you can override the default client side email validation as follows    validator methods email   function  value  element        return this optional element        a-z0-9      a-z     a-z     test value

User · Answer

Required ErrorMessage    Please enter Social Email id         DataType DataType EmailAddress        EmailAddress      public string Email   get  set

User · Answer

RegularExpression   quot   A-Za-z0-9     a-zA-Z        a-zA-Z  2 6   amp  quot

User · Answer

Try Html EditorFor helper method instead of Html TextBoxFor

[c#] Email address validation using ASP.NET MVC data type attributes

Examples related to c#

Examples related to asp.net-mvc

Examples related to validation

Examples related to email-validation