One of the most frequent problems we see in the ChronoForms forums is that the form validation “doesn't work”. By far the most common cause is that the site template or some other component is using the jQuery library.

jQuery is a very good JavaScript library that enables some amazing effects. But, out of the box it is incompatible with the MooTools JavaScript library that is standard in Joomla! and use by ChronoForms. Here we'll look at resolving these problems with one typical template.

Level: moderate, requires HTML, and some JavaScript and Joomla! knowledge.

This tutorial looks at one template but there are techniques that can be applied to many problems with jQuery breaking ChronoForms validation.

NB: this document was written for Joomla! 1.6-2.5 templates but most of it also applies directly to Joomla! 1.5 templates and ChronoForms v3