J3 component tutorial problem

[Tungsten15]

Hi All,

I'm doing the Joomla 3 component tutorial up to where it is complete (trying to pick it up from 2.5) but I'm getting the following error:

Code: Select all

Uncaught TypeError: Cannot read property 'setHandler' of null 

The code looks like this:

Code: Select all

window.addEvent('domready', function() {
        document.formvalidator.setHandler('greeting',
                function (value) {
                        regex=/^[^0-9]+$/;
                        return regex.test(value);
        });
});

Any suggestion on how to fix it?

[itoctopus]

You will need to install a jQuery plugin (there are many in the JED) since Joomla 2.5 does not include jQuery by default.

[Tungsten15]

Thank you for the response, I will try your suggestion. I was under the impression that Joomla 3 came with JQUery?

[Tungsten15]

I installed eorisis' JQuery plugin - I didn't fix the problem

[sovainfo]

No surprise there! Proposed as a fix for J2.5, not J3!

Also the code looks like normal javascript, not using JQuery. Looks like it requires Mootools. Is it loaded?

[Tungsten15]

Why do I need Mootools? It didn't suggest it in the tutorial.

[sovainfo]

Because validator is a class provided by mootools. Mootools is standard available in J2.5. In J3 it needs to be loaded when required. The message says it can't find setHandler in null which means document.validator doesn't resolve to an object.

[Tungsten15]

But I have:

Code: Select all

JHtml::_('behavior.formvalidation');

I've also enabled Mootools using this suggestion

Code: Select all

JHtml::_('behavior.framework', true);

But it is not working

[sovainfo]

Any javascript errors when loading the page to see with Firebug?

[Tungsten15]

Using Chrome:

Code: Select all

Failed to load resource: net::ERR_CACHE_MISS
Uncaught TypeError: Cannot read property 'setHandler' of null 
Uncaught TypeError: Cannot read property 'task' of null

[bbolli]

Did you add the validate-greeting class to your form field definition xml file for the field you're trying to validate?

[akfaisel]

Hi,

Try the following code.

Code: Select all

jQuery(function() {
        document.formvalidator.setHandler('greeting',
                function (value) {
                        regex=/^[^0-9]+$/;
                        return regex.test(value);
        });
});

The reason for the error is, starting from J3, validate.js is using jQuery for form validation.