I have a check out view that serves as a wizard. Steps (5 of them) are contained in their own div’s and are shown/hidden via jQuery as a user goes through the checkout process wizard.
On one of the steps, I have payment information. Payment options are “Pay With My Account” or “Pay with my credit card”.
Choosing one or the other shows input controls for the chosen payment option. All this works beautifully.
Lets say I choose “Pay with my account” which then hides the credit card inputs and shows the account info inputs. This is again done through jQuery by hiding the containing div.
When I go to hit the next button, client side validation fires on the hidden credit card inputs (the containing div is hidden).
My question is, how can I use javascript/jQuery to dynamically enable/disable the validation on the hidden input controls?
Thanks in advance for any replies…
I ended up stumbling upon MVC Foolproof Validation over at CodePlex (http://foolproof.codeplex.com).
It does everything I need to and more and I didn’t have to reinvent the wheel. 🙂