MVC 3 unobtrusive validation - conditionally disable/enable validation

Question

I have a form that has an option to enter dimensions for:

• Width & Height
• Width
• Height

And I have two container div

Answer 1

So it seems that this is the answer to my question (I went hunting again on Google hard to search for things that didn't relate to "hidden" fields):

https://stackoverflow.com/a/7673985/491950

e.g.

$("#height-container input[type='text']").attr("disabled", "disabled");

Thanks for your answers.

Answer 2

You can set up the jQuery validator that's processing your unobtrusive validation to ignore hidden elements:

jQuery.validator.defaults.ignore = ":hidden";

// the line above is outside any $(document).ready(...) or similar
$(document).ready(function(){
    ...
});
...