Forums

Problem with Validation IE8 e Chronoform 3.2

ticreoz 03 Jun, 2011
Hi guys,

I've created a form and I've some required field.
With IE8, I dont see "Field Required" if I bypass some of those field
other thing...Leaving required field blank and going to "submit" it's like form is sent without validation error.
I see in some othe forum that could be problem with jsquery and mootools.
:(
GreyHead 03 Jun, 2011
Hi ticreoz,

It's going to be some kind of JavaScript problem. Do you see any errors when you try debugging it in the browser?

Please post a link to the form so we can take a quick look.

Bob
ticreoz 03 Jun, 2011
Yes I've some error but maybe are error for articles that has inside form.

link is
<!-- w --><a class="postlink" href="http://www.ticreoretail.it/form">www.ticreoretail.it/form</a><!-- w -->


Firefox insted show me "Field required"
Thank you greyhead
GreyHead 10 Jun, 2011
Hi ticreoz,

The form without the template validates OK.

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 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 Joomla! system plugin named SC jQuery that allows you to control on which pages jQuery is loaded, and will always load it in no-conflict mode.

Bob
ticreoz 10 Jun, 2011
Hi Greyhead,

Still nothing to do!😟
There's a shot that show script that you suggest me in form code section
I try to chenge template to (breeze) and problem is still present
I've no mootools plugin installed maybe because my Joomla! version is 1.5.15
GreyHead 10 Jun, 2011
Hi ticreoz,

The problem is still with jQuery; if it's not the template then it's some other module on the page. Fix that and the ChronoForms validation will work.

It's true that you don't have a MooTools Upgrade plug-in, that didn't come in until Joomla! 1.5.19. But you only need that for ChronoForms v4.

Bob
ticreoz 10 Jun, 2011
Hi Greyhead,

Ok I'll follow your second way...I mean try to fix with SC jQuery and i'll back with result.

In each case, formcode on previous shot was right?
Still thank you
:)
safariyellow 29 Jun, 2011
Hi, seem to be having the same issue as outlined above. I have a 1 field form that is both required and performs an email validation. Both of these work on FF, Chrome, etc but not at all in IE7/8/9.

I tried both suggestions above, and when I enable the SC jQuery plugin the validation stops working in FF & Chrome.

Im getting the following error in the console for IE7 & 8, but im not great with JavaScript so not sure where to start:

SCRIPT438: Object doesn't support property or method 'getElementsBySelector'
mootools.js, line 53 character 178

Here is a link to the form: http://tracleer.safaristage.com/treatment/tracleerform-email

Any ideas?

Cheers!
ticreoz 29 Jun, 2011
same sound for me too
GreyHead 29 Jun, 2011
Hi safariyellow,

The validation appears to work OK in IE when you view the form without the template

There is a JavaScript error on the page you linked to because the noConflict command is being loaded before JQuery is loaded.

Bob
safariyellow 30 Jun, 2011
Hi Bob, thanks for your help.

The noConflict command was being included somewhere within <jdoc:include type="head" />, so I just moved the jQuery definition above that line, made a few small tweaks and it looks like its working.

Thanks again!

Cheers
Evan
This topic is locked and no more replies can be posted.