Forums

I'm testing CF6 and I started using a Basic contact form to create my custom form. I've setted it and loaded the form inside a module (and tested also in article, also same issue).

The form is correctly loaded and if I try to submit the form with fields required empty, it correctly show me the error message but the form is executed anyway.

Why?


Thanks in advance

Hi delatfidesign,

This problem is usually caused by Mootools library loaded on the page, there is a Joomla plugin to disable Mootools from loading, if you can install this then it will fix the problem.

I tried to check the page code but the page code is not clear because you have some kind of optimization plugin loaded.

Best regards,
Max

Hi, I've installed the plugin you suggested and also disabled Mootools in my template but didn't solved the issue.

There's only one page where it seems work fine (even if the email of the form is not sent to the email address I've setted in the form parameters)


Thanks in advance.

Hi deltafidesign,

Correct, but every other page has a JavaScript error:

ReferenceError: SqueezeBox is not defined

This is breaking the validation too, it looks like some file you have disabled is required for this function, so you should either enable it back or remove this function if its not needed.

Best regards,
Max

I've tryed also with the Protostar template and disabling some other plugins but no way, same issue.
I've disinstalled the mootools enable/disable plugin beacuse it seems not affecting this problem.

What else could I check?

Hi deltafidesign,

Did you fix the "SqueezeBox" error ?

Best regards,
Max

I cannot find that error with firebug, instead I found this when I submit the form:

Error: Syntax error, unrecognized expression: #$family

I cannot find who generate that error...

Up to previous post.

I've tested with CF5 and everything works fine with CF5 meanwhile with CF6 I have this problem.

Yes, each version uses a different validation library.

The error you have now is because Mootools is loaded on the page, the SqueezeBox error is gone, so if you can install the "enable/disable mootools" plugin and enable it now then I think it should work fine.

When I test now I did not find mootools on the form page, this is why its working there.

Best regards,
Max

Installed and activated the enable/disable mootols plugin. Now it seems I don't have any javascript error but still the same issue...😟

Hi deltafidesign,

Unfortunately no, you have the SqueezeBox error again, did you make any other changes ?

I didn't check before if the Squeezebox was loaded when mootools was enabled, but SqueezeBox is using jQuery, you need to find what is loading Squeezebox on other pages and stop that, do you have any plugins called "squeezebox" ? its not loading on the form contact page, so its something you have enabled on other pages except the form page.

Best regards,
Max

It seems something that is loaded only for Article pages (Joomla Articles), in those pages I have that issue. Anyway it not seems a template related issue, tested with Protostar and it the same problem.

UP to previous post:
I've disabled the parameter of the template that disable mootols (but still active the enable/disable plugin) and now I see again the error:
ReferenceError: SqueezeBox is not defined

Hi deltafidesign,

Do you get this error with the Protostar template ? if yes then its not the template, you will then need to find which plugin is loading it by trying to disable some for testing, start with the "content" plugins.

Best regards,
Max

I did the template test yesterday but still the same problem. I did other tests today.

First test: switched to Protostar template, form loaded inside a Custom Joomla module; result: same issue on EVERY page in this case (with my template I got that issue everywhere excetp on a specific page, not an article page)
Second test: switched to Protostar template, form loaded with Chronoform module, disabled custom module that was loading the form with the shortcode inside ( {chronoform6} ); result: same issue on EVERY page in this case (with my template I got that issue everywhere excetp on a specific page, not an article page)
Third test: disinstalled mootools enable/disable plugin and disabled a plugin of my template, result: work fine!

I ask support to template developer.

Thanks so much for your support and patience!

Hi deltafidesign,

Ok good, the basic rule is this:

#1- mootools should NOT be loaded on the same page where the form is displayed (you can do this anyway, but the mootools plugin is the easiest approach).

#2- no javascript errors on the page, this may break many things, not only the form validation.

Best regards,
Max

For second step I think that generally this will be a common problem, usually I see lot of templates that have some javascript errors everywhere, also Protostar template gave me some javascript errors before during my tests.

Maybe you could improve CF6 in future to be more flexible about this?

Hi deltafidesign,

It's not normal to have JS errors on the page, JS errors should be fixed, there is nothing which can be done about this issue, but even when there are errors, some features may still work, but this is not guaranteed.

Best regards,
Max

Hi,

I have found the glitch behind this issue and mootools status will not matter after the new update.

Best regards,
Max

Hi, I have this issue too with CF V.6.0.9 on another site. The form on some pages is fired also even if no required field is filled-in.

I see I have a JS error TypeError: jQuery.contentIdPlugin is undefined

In those pages the form do not work, meanwhile it works fine in the pages where this error is not present.

I've discovered that it's related to the Google Tag Manager Plugin that maybe requires some Joomla core files that I disabled in my template.

Hi deltafidesign,

You have something which calls "jQuery.contentIdPlugin" which is undefined and that should be fixed.

Best regards,
Max