Attaching event to JQuery Validation & disabling fields

Question

I have an accordion JQuery UI control that shows two different sets of fields. At least one set has to be enabled, and when it is, it needs the validation disabled for the other set. This has been really frustrating to implement dynamically.

Finally I settled on maybe just removing the validation rules right before the submit on the set of fields that are collapsed. (So the user is no required to fill that set). However, even then I can't seem to figure out how to attach an event to the form's submit event that will run before the validation! I was this function to run before the JQuery validation. I'm using MVC3. Here's what some of my code looks like:

<div id="accordion">
            <h3><a href="#">Option Set 1</a></h3>
            <div>
                 [Set of fields here]               
            </div>
            <h3><a href="#">OR Option Set 2</a></h3>
            <div>
                 [Set of fields here]  
            </div>
        </div>

Dominic Barnes · Accepted Answer · 2011-04-26 14:06:11Z

1

I'm not familiar with ASP.NET MVC at all, but I am familiar with jQuery (as well as the validate plugin) so here goes.

I think you need to make all the fields within the containing <div> disabled whenever that part of your form is being rendered. It can be as simple as $("selector for div").find(":input").attr("disabled", true); (you can flip them back on using false instead of true)

This should work best for 2 reasons.

The jQuery Validate Plugin will skip any disabled elements
Disabled elements are not sent to the server when the form is posted

answered Apr 26, 2011 at 14:06

Dominic Barnes

28.5k8 gold badges69 silver badges91 bronze badges

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

1 Comment

KTF Over a year ago

This is one of the first things I tried- I couldn't get it right until I had that selector correct. Thanks!

mcgrailm · Accepted Answer · 2011-04-26 03:03:30Z

1

when you toggle the divs just remove the classes needed for validation method and disable the input

answered Apr 26, 2011 at 3:03

mcgrailm

17.7k22 gold badges85 silver badges131 bronze badges

1 Comment

KTF Over a year ago

Yeah, this was my first show... but I guess I was doing it wrong. With some help from Dominic Barnes I figured it out!

marcosfromero · Accepted Answer · 2011-04-26 03:15:47Z

0

Can this help? http://docs.jquery.com/Plugins/Validation/Methods/required#dependency-expression

answered Apr 26, 2011 at 3:15

marcosfromero

2,85319 silver badges17 bronze badges

Collectives™ on Stack Overflow

Attaching event to JQuery Validation & disabling fields

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related