Forums

Hello Team,

I have been struggling with JS Validation for a while now, and I am happy to report that on most of my forms it works! 😀

An example is our Membership form here. where the fields with a * are validated as required and some others are validated for content.

http://www.paganawareness.net.au/PAN/index.php?option=com_chronoforms&chronoform=MembershipApplicationRenewal

However, I am in the midst of adding a subscription registration option to my page, which seems to work perfectly, however now the JS Validation fails.

http://www.paganawareness.net.au/PAN/index.php?option=com_chronoforms&chronoform=MembershipApplicationRenewalV3

How can this been a JQuery issue if it works with the same template? However if I remove the template the Validation does work? I am just a little confused, I thought if the Jquery worked for one form it would work for all the forms.

Hi Mits,

I don't see any sign of jQuery on the page, or any JavaScript errors in FireFox . . . nor can I work out how to Submit the form :-(

You have a stack of custom javascript on your form and I guess that there is some bug in it. Nothing much else that I can say or do.

Bob

Hi Bob,

If you click the accept terms and conditions check box you can then submit the form.

The javascript seems to work okay, but yeah I don't think it is a Jquery issue. Then again would be happy if you can give it another look after pressing the accept terms check box near the bottom.

Regards,
Mark

Hi Mark,

If you view the form without the template then the validation is working so something else on the page is conflicting when the template is added.

The main differences are the FB button and the Google Analytics code - both of those should be OK but you might try turning them off and see if that makes a difference.

Bob

Hi Bob,

Thanks for your help, but still even without the FB share or the GA stuff, the Validation is still not displaying. It must be something else with the template. I will have to have a look. It is just so weird that it works with one form and not with the other.

Regards,
Mark

Hi Bob,

I figured it out. a few rouge </div> statements caused the validation to not display, I think that was because it was in the template they sill showed up, but without the template they were ignored.

All working now, thanks once again.

Regards,
Mark

Hi Mark,

Well found - thank for letting us know.

Bob