DataAnnotations validation Regular Expression in asp net mvc 4 - razor view

Question

The DataAnnotations validator not working in asp net mvc 4 razor view  when using the special characters in the regular expression   Model    StringLength 100    Display Description    First Name     RegularExpression     a-zA-Z0-9   amp  -       ErrorMessage    Invalid First Name    public string FirstName   get  set      Razor View    Html TextBoxFor model   gt  Model FirstName  new       Html ValidationMessageFor model   gt  Model FirstName    The unobtrusive validation is rendered in view as    lt input type  text  value    tabindex  1  style  height auto   name  FirstName  maxlength  100  id  FirstName  data-val-regex-pattern     a-zA-Z0-9   amp amp amp  amp amp  39 -      data-val-regex  Invalid First Name  data-val-length-max  100  data-val-length  The field FirstName must be a string with a maximum length of 100   data-val  true  class  textfield ui-input-text ui-body-d ui-corner-all ui-shadow-inset valid  gt    The regex pattern in the above html is not rendered as specified in the Model s RegularExpression  which results in error even when entering the valid data  Sam s    How can i handle this   --UPDATE--  I have updated the code as per  Rick suggestion   StringLength 100    Display Description    First Name     RegularExpression    a-zA-Z0-9   amp  -      ErrorMessage    Enter only alphabets and numbers of First Name    public string FirstName   get  set      View Source shows the following    lt input data-val  true  data-val-length  The field FirstName must be a string with a maximum length of 100   data-val-length-max  100  data-val-regex  Enter only alphabets and numbers of First Name  data-val-regex-pattern    a-zA-Z0-9   amp amp amp  amp amp  39 -     id  FirstName  maxlength  100  name  FirstName  type  text  value      gt    Still i have the same issue

User · Answer

Try this one in model class       Required ErrorMessage    Enter full name          RegularExpression    A-Za-z      A-Za-z      ErrorMessage    Enter valid full name          public string FullName   get  set

User · Answer

Try escaping those characters    RegularExpression      a-zA-Z0-9     amp    -       ErrorMessage    Invalid First Name

User · Answer

The problem is that the regex pattern is being HTML encoded twice  once when the regex is being built  and once when being rendered in your view   For now  try wrapping your TextBoxFor in an Html Raw  like so    Html Raw Html TextBoxFor model   gt  Model FirstName  new

User · Answer

This one worked for me  try this   RegularExpression    a-zA-Z  amp  -        ErrorMessage    --Your Message--

User · Answer

We ve had similar issue in the past  as mentioned by TweeZz   In our case we re controlling outputting of TextBoxFor by our custom htmlHelper extension method which is building MvcHtmlString  there in one step we need to add these unobtrusive validation attributes  which is done via  var attrs   htmlHelper GetUnobtrusiveValidationAttributes name  metadata    after call to this method  attributes are html encoded  so we simply check if there was Regular expression validator there and if so  we html unencode this attribute and then merge them into tagBuilder  for building  input  tag   if attrs ContainsKey  data-val-regex        attrs  data-val-regex       string attrs  data-val-regex    Replace   amp amp     amp     tagBuilder MergeAttributes attrs     We only cared about  amp  amps  that s why this literal replacement

User · Answer

Try   sign at start of expression  So you wont need to type escape characters just copy paste the regular expression in    and put   sign  Like so    RegularExpression     a-zA-Z d    w d     a-zA-Z    w d      ErrorMessage    Invalid username    public string Username   get  set

User · Answer

What browser are you using  I entered your example and tried in both IE8 and Chrome and it validated fine when I typed in the value Sam s   public class IndexViewModel         Required ErrorMessage  Required         RegularExpression     a-zA-Z0-9   amp  -       ErrorMessage    Invalid First Name        public string Name   get  set         When I inspect the DOM using IE Developer toolbar and Chrome Developer mode it does not show any special characters

User · Answer

Try using the ASCII code for those values      a-zA-Z0-9   x26 x27-         x26    amp   x27       The format is  xnn where nn is the two-digit hexadecimal character code  You could also use  unnnn to specify a four-digit hex character code for the Unicode character

User · Answer

UPDATE 9 July 2012 - Looks like this is fixed in RTM     We already imply   and   so you don t need to add them   It doesn t appear to be a problem to include them  but you don t need them  This appears to be a bug in ASP NET MVC 4 Preview Beta  I ve opened a bug   View source shows the following   data-val-regex-pattern    a-zA-Z0-9   amp amp  amp  39 -                       lt -- MVC 3 data-val-regex-pattern    a-zA-Z0-9 amp  32   amp amp amp  amp amp  39 -           lt -- MVC 4 Beta   It looks like we re double encoding

[asp.net-mvc] DataAnnotations validation (Regular Expression) in asp.net mvc 4 - razor view

Examples related to asp.net-mvc

Examples related to regex

Examples related to razor

Examples related to data-annotations