Problems with form validation

Hi,

I've just installed Chronoforms on a Joomla!1.7 test page and everything works fine, except the form validation.

I've read through several threads here, and I know that my Template is using jQuery.
But if i add the suggested "jQuery.noConflict();" to the JS Load event, it still doesn't work.
So I was trying to add the line in my template, but I have no experience in JS coding, so I don't know where I should add it.

I've also tried to use jQuery plugins to control jQuery, but they simply destroyed the slideshow on my website.


So is there ANY other way to get this working?
I'm using XAMPP to simulate a local server on my Computer, so I can't link to the page.
I'm using this Template: http://www.globbersthemes.com/demo/carligian/


thanks!
Ghamor

Hi Ghamor,

Impossible to diagnose without seeing the site :-(

The template demo appears to put JQuery correctly into noConflict mode so it may be something else that is breaking the scripts on your site.

Bob

Hi GreyHead,

I would give you a Link if I could, but the site is running on my local computer. I can show some screenshots if that helps?

The Joomla installation is completely "virgin", there's only ChronoForms and the template installed, nothing else.
There's only a Main and a Top Menu active. No Plugins, etc.

Oh and I've tried Firefox9 and Chrome16, on both sites the validation doesn't work.


If there's no other way, I will put the website online, so you can see it.

Hi Ghamor,

This almost certainly isn't a ChronoForms problem. There are many templates and extensions that are poorly written and cause JavaScript conflicts with MooTools.

If you email me the template then I'll install it on my test site and take a look.

Bob

PS Nice shots from Engrenage on the template demo site, maybe we'll have season 4 in the autumn.

Hi Bob,

I uploaded the Homepage temporary, please tell me when you finished checking the site so i can remove it again, because the site isn't official now and I dont want too many people to see it ^^

http:// baustelle.farblos-webdesign. at/ (remove spaces)

Klick on "Form" in the Top Menu.
The first 3 Textboxes are marked as "required".
I removed the noConflict line in the JSLoad Event.


Thanks for your help!

Hi Chamor,

There are no errors showing in the FireFox JS Console but there does seem to be a problem with the a JavaScript code snippet that is loading as a file. I suggest that you turn that option off for debugging.

You are also loading two different versions of MooTools and you should remove 1.12 from the page.

Bob

umm.. thanks...
but..

how do I do that? ^^

I_'m not really used to JS, so I dont know where to start.

in the index.php of the template I found this line:

<script type="text/javascript" src="templates/<?php echo $this->template ?>/js/mootools.js"></script>

I think if i just delete this line, the Homepage wouldn't work anymore, am I right?
And what will happen if i replace the template-motools file with the mootools file that chronoforms loads? ("/media/system/js/mootools-core.js") (and rename it of course)
So the same file would be loaded twice, but at least its the same MooTools version.

Also, the template loads 8 .js files, which one is causing problems? I don't see any errors or warnings with FireBug.

Hi,

You can load the RAW form page by adding this to the form page link: &tmpl=component

If the validation works fine there then its something loaded on your website which is causing this issue.

Regards,
Max

Hi admin,

It doesn't work there either. (http://baustelle.farblos-webdesign.at/index.php/formular?tmpl=component)

I also tried to replace the mootools File in the template folder, but it doesn't change a thing.
And at last I installed 2 other themes, it still doesn't work.

And just to make sure I didn't miss a thing: If I want this validation, the _only_ thing I have to do is:
Mark the Field as Required in the Validation tab
Load JS onLoad


Or did I miss something?

Hi Ghamor,

The validation looks OK on that link.

Bob

oh, my bad. I only tested the onBlur option, but without activating it in the options ^^

News:
The last 15 minutes ago I managed to find the evil JS, that is causing the problem. I simply bruteforced it by commenting out the JS files one by one. If the template doesn't load mootools.js, everything works fine in Chronoforms, but the Slideshow doesn't work.

So I'm thinking.. if the template already loads mootools.js, is it possible to prevent ChronoForms from loading it again?

Or is there any other possibility to get this thing working? I can't change the template, and I really like ChronoForms :/

Sorry for double post, but:

Oh my god it works.

I prevented the template from loading mootools, now everything works fine. As I wrote, I did this before, but then the slideshow stopped working. Maybe I made a mistake back then, I did the same thing again now and it works.

Thanks Bob and admin for helping me!

Hi ghamor,

FYI I've written a help doc on solving jQuery problems. You can get it here. While this looks at one particular template there should be enough information for you to see what is happening on your site and hopefully revolve it.

Bob