Forums

Joomla - Chronoform Component - Validation Not Working

priyanka_zwt 03 Dec, 2010
Hello.....
I am using Joomla version 1.5 and i've used chronocontact component version 3.0 stable package and chronocontact Plugin version 0.8/v3.0 stable in my Joomla Website...

The Issue is chronocontact component default validation not working, i assume that validation(jquery) files are conflicting in my site because we are using other components in page having jquery validations.

As i am in hurry because of my project deadline, i would request you to help me as soon as possible

Thanks
Priyanka
GreyHead 03 Dec, 2010
Hi Priyanka,

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
priyanka_zwt 03 Dec, 2010
hi...bob....

Your Solution "jQuery.noConflict();" is right and even validation works after write this code,but it effects the another component of my site "RSMonials 1.5.3" component that i've used with "random effect".After Applying the code that you have given, validation started work but "random effect" Of RSMonials Component stops...


So...For that do you have any other solution that both the js not Conflict and all the component works Properly in parallel manner.....
Please...help me out...😟
I'll be thankfull to you bob....
GreyHead 03 Dec, 2010
Hi Priyanka,

Sorry, in this case ChronoForm is behaving correctly. I don't know anything about RSMonials, I suggest you contact the developer. Any good Joomla! component should be capable of working in parallel with MooTools.

Bob
vaibhavi 06 Dec, 2010
hello,
In my site default chrono form validation is not work...😀
and error is in component/com_chronocontact/js/mooValidation.js
line no 182
Validation.add('IsEmpty', '', function(v) {
return ((v == null) || (v.length == 0)); // || /^\s+$/.test(v));
});

so please help me i cant understand this problem...
its urgent please sir
GreyHead 06 Dec, 2010
Hi vaibhavi ,

Which version of ChronoForms do you have installed? The current version doesn't use the mooValidation.js file.

Bob
priyanka_zwt 18 Dec, 2010
Is thare any other way to solve this kind of conflicting problems of chronoform javascript and other affecting Jquery.....???
GreyHead 18 Dec, 2010
Hi priyanka_zwt,

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
priyanka_zwt 24 Dec, 2010
Hi... BOB..
As Per Your Suggestion I have used SCJquery Plugin to solve conflicting problem and it works but the issue that innerfade jquery is conflicting on index page and that jquery working in other pages smoothly..

So.. What should i have to do to solve this problem....??
Please reply...
GreyHead 24 Dec, 2010
Hi priyanka_zwt ,

I'm no JQuery expert but if you post a link to the page I'll take a look.

Bob
GreyHead 24 Dec, 2010
Hi priyanka_zwt,

. . . and the link is . . . ?

Bob
elehost 07 Sep, 2011
Hi,

I am having a similar problem on this form linked below.

http://www.accesemployment.com/index.php/employers-toronto-gta/job-postings

I am fairly certain the noconflict method is enabled

Here is the error:

Error: $("ChronoContact_job_posting").getInputByName2 is not a function
Source File: http://www.accesemployment.com/index.php/employers-toronto-gta/job-postings
Line: 41

Do you have any sugggestions for this one please? Clearly there is a conflict between the two libraries. I tried usijng the Jquery Integrator and turned it off in the ARI sexy light box but I still had the same problem so I switched back.

Thanks,

Paul
elehost 08 Sep, 2011
I have done some more digging on this issue.

If I turned off the Jquery the issue still remained so clearly Jquery was not the problem in this case. It looks like the no conflict mode was working fine.

I figured out that the Mootools upgrade in Joomla causes the same error. I am going to try to get that turned off.

I wonder if there is any solution for this with Mootools turned on as I see it was a issue in the past?

Thanks for any help you can provide. I guess V4 is in my future for this site but I would rather not upgrade if I don't have too. The fact there is no easy way to import the forms from V3.2 to V4.0 is a major impediment.
GreyHead 16 Sep, 2011
Hi elehost,

What exactly is the problem - I don't see the error message you are getting.

The form appears to work OK in FireFox and Chrome and in IE9 it's OK on it's own page but not on the link you posted so I guess there must be a conflict on that page.

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