Jquery form validation/Asp MVC Model Binding - Having period in Name

Question

I am using asp mvc model binding to bind a model that has objects in it. So

class SuperModel{
public ObjectA{get;set;}
}

Then in my view I am using @Html.TextBoxFor(model >= SuperModel.ObjectA.SomeProperty).

My issue is that I am using JQuery form validation, and as you know, TextBoxFor will auto generate a name of ObjectA.SomeProperty, which is what needs to happen so model binding works, but in my jquery validation code, I have:

  form.validate({               
            rules: {                   
                ObjectA.FName: {//INVALID BECAUSE OF PERIOD OBVIOUSLLY
                    minlength: 5,
                    required: true
                },

So I need Jquery validation to work on a html field that has a name that has a period in it. How would I go about doing this? Or is there a better way. Thank you!

emgee · Accepted Answer · 2013-06-28 18:29:22Z

5

What if you put quotes around the input names in the rule definitions?

form.validate({               
         rules: {                   
             'ObjectA.FName': {//added quotes
                 minlength: 5,
                 required: true
             },

May need to escape the '.' in the input name => 'ObjectA\.FName': {...}

NB: I would put this as a comment, but I don't have the rep yet for comments.

edited Jun 28, 2013 at 18:29

answered Jun 28, 2013 at 18:24

emgee

5204 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

emgee Over a year ago

Try adding two backslashes; 'ObjectA\\.FName' I just read that the first \ is interpreted by JavaScript, the second is interpreted by jQuery.

John Edwards Over a year ago

Nevermind, for some reason, even though I ALWAYS hit ctrl+R to clear the cache, the changes weren't clearing for whatever reason. This happens more often than I'd like. 'ObjectA.FName' worked fine. Thank you so much!

emgee Over a year ago

No worries; I was going to comment "are you sure the cache cleared?" I've had fun with that myself a few times today. ;-) Cheers!

emgee Over a year ago

@JohnEdwards Quick follow-up, the reason that 'ObjectA.FName' works is you likely have a version of Microsoft jQuery Unobtrusive Validation which handles escaping the '.'

kurdapya · Accepted Answer · 2013-07-28 06:58:44Z

1

emgee's solution worked well for me after a day of solving this. I'm using mvc4/razor and distributed jQuery Validation Plugin 1.11.1

 @Html.TextBoxFor(m => m.PersonnelBio.Firstname, new {  @class = "classname" })

jquery code:

           form1.validate({ 
            rules: {
                'PersonnelBio.Firstname': {
                    minlength: 2,
                    required: true
                },...

answered Jul 28, 2013 at 6:58

kurdapya

4104 silver badges4 bronze badges

Collectives™ on Stack Overflow

Jquery form validation/Asp MVC Model Binding - Having period in Name

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related