My form validation doesn't work

Written Oct 10, 2012 08:20

If the client side validation - the validation that shows bubble messages by the input boxes - on your form doesn't work then there is probably a JavaScript error on the page.

Use your preferred web developer tools: F12 in IE8 or IE9, Shift+Ctrl+I in Chrome, FireBug in FireFox, DragonFly in Opera to check the JavaScript console for errors. This will help you know if there is an error and where it is happening.

You can also check the scripts that are being loaded on the page:

If you have Joomla! 1.5 make sure that the correct version of MooTools is being loaded (v1.12 for ChronoForms v3, 1.2.x for ChronoForms v4).
If JQuery is being loaded please check the jQuery FAQ
If there is more than one copy of jQuery, or of MooTools or there are many different scripts then it's probably time for some house-keeping to clean up your site.

If the validation fails only in IE9 and there are no visible errors then you may need to force the form to be viewed in IE8 browser mode by adding code like this into a Custom Code element in your form On Load action.

<?php
// Force IE9 to run in IE8 emulation mode to avoid JS errors with Mootools 1.2.5
jimport('joomla.environment.browser');
$browser =& JBrowser::getInstance();
if ( $browser->getBrowser() == 'msie' && $browser->getMajor() == 9 ) {
 $doc =& JFactory::getDocument();
 $doc->setMetaData( 'X-UA-Compatible', 'IE=EmulateIE8', true );
}
?>

FAQs