Forums

Another validation thread here! The validation does not seem to work on my form; I have read and tried many of the suggestions given in the other threads but still cant figure it out!

There is an error on my page:

Uncaught TypeError: Object [object Object] has no method 'getProperty'
Class.initialize
(anonymous function)
i.extend.$owner
(anonymous function)
(anonymous function)contact.html
(anonymous function)

Array.implement.each
invoke.fireEvent
g

Also the validation doesnt appear to work in test mode either...

Here is my form: http://milbury.com/index.php/contact.html

Any ideas or suggestions would be most welcomed🙂

Hi bbrown12,

The validation works OK for the form without the template.

Your template (or some other component) is loading the jQuery JavaScript library.

Out of the box jQuery isn't compatible with the MooTools library used by Joomla! and ChronoForms. You can use jQuery with MooTools in no-conflict mode. There are various ways of doing this. The simplest - which may or may not work - is to add a line of script in the ChronoForms Form JavaScript box:

jQuery.noConflict();

This will free the $ operator which is used by MooTools, so you may need to update your own javascripts to use the longer jQuery operator.

There is also a neat plugin named JB Library from Joomla! Bamboo that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode. However this requires that JQuery is loaded using the Joomla Document object methods.

I have a tutorial on Resolving jQuery problems that explores some of the issues an diagnostics and shows how to modify one template example to use the Joomla! Document methods to load JQuery in noConflict mode.

Bob

JB Library worked a treat, thank you!🙂