Javascript issue

lleemon 29 Jan, 2013
If you look on http://www.silkplantsdirect.com/slide-news/volume-and-trade-discounts.html at the form field ‘Address’. Enter ‘123 test’ you will see it not using the proper validation.

The input class is "cf_inputbox required validate-alphanum" and not sure why '123 test' would not work.

We are using CHRONOFORMS version 3.0

I tried changing the pattern in the jsvalidation2.js file but it doesn’t seem like it even uses it.

Any ideas what the issue could be?
GreyHead 30 Jan, 2013
Hi lleemon,

This is an odd bug. I'm not sure if it is in MooTools or in FireFox but what happens is that the hasClass() check used to identify the correct validation accepts partial matches so 'validate-alpha' is matched by 'validate-alphanum' :-(

I've only see this once before in a different context.

Here I think that the answer is that the validation isn't helpful as alphanum blocks some commonly used characters in addresses like ' and - and probably a few others.

Bob
tilallr1 13 Feb, 2013
I am having the exact same problem at:

http://www.forming.com/index.php/Website-Registration/reg.html

The fields for Organization, Address, and Postal/Zip Code are all working with Alpha-Numeric checks using Internet Explorer and Chrome, but Firefox suddenly stopped working. I believe the issue appeared with Firefox version 18.0.1. It triggers just the Alpha check, which has been causing some issues for people trying to register obviously.

Any idea what we can do to fix it, without shutting it off?
tilallr1 13 Feb, 2013
Answer
Well it appears I fixed the problem. As per advice above I researched the problem and discovered that the Mootools library version I have is no longer supported in Firefox 18. I have 1.2 and I believe 1.26 fixes the issues for us legacy users.

But instead of upgrading the Mootools libray, I simply went into the following files:

\www\components\com_chronocontact\libraries\includes\JSvalidation.php
\www\components\com_chronocontact\js\jsvalidation2.js
\www\components\com_chronocontact\js\mooValidation.js

And renamed every instance of:

validate-alphanumber to validate-anum
&
validate-alpha to validate-alp

Done!
lleemon 01 Apr, 2013
Thanks guys. I did this along with changing in the Form HTML as well and appears to resolve the issue for now. Appreciate the help.
This topic is locked and no more replies can be posted.