Link to home
Start Free TrialLog in
Avatar of LincolnWeb
LincolnWeb

asked on

Javascript in HTML form apparently interfering with jQuery validation

expexc-04-17.txtGreetings.  I'm running into an apparent conflict between a pair of javascript functions I'm using in an HTML form and the function I use to run jquery.validate.

In my form, a pair of radio buttons allows users to toggle visiblity between two portions of the page. One portion allows the user to input check information, while the other portion allows the input of financial certificate info.

Each portion contains a unique submit button.  Once a submit button is clicked, the page will process the data entered and then reload, displaying only the portion of the form intially selected.  So, for example, if you initially submitted check info, once the page reloaded you would be able to submit more check info, but nothing about certificates.

I have found when the user clicks a submit button for the first time, the javascript function that calls jquery.validate is keeping the page from submitting.  If I can get past this point, the validation is fine.

I've attached a file with the relevant pieces of code. Let me know if you need anything else, and thank you very much for your help
Avatar of designatedinitializer
designatedinitializer
Flag of Portugal image

Maybe you need to put ids in those radio buttons.
Avatar of LincolnWeb
LincolnWeb

ASKER

Thanks.  I tried that, but it's still not working. I believe I may have to change the structure of the page such that the toggle isn't between visible/hidden page sections, but instead between includes.
ASKER CERTIFIED SOLUTION
Avatar of designatedinitializer
designatedinitializer
Flag of Portugal image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Thannk you! Everything is working fine now.