Validation causing problems with some browsers

cjmicro 05 Sep, 2008
I have the moovalidation.js to require some fields and the checkbox, and it works, but a good amount of users say they cannot fill out any fields when they open the form.

It seems to be ok in IE7 and FF, but does not work in IE6 and some AOL clients.

Is there something I need to do in the moovalidation.js or in the form code to fix this? Any help would be appreciated.

Thanks,

Cheryl
Joomla 1.0.15 and CF 2.3.9

a snippet of my code where firstname is a required field set in the validation tab with mootools
 <tr><td class="titleCell" height="22">First & Last Name:*</td>
                 <td class="fieldCell" height="22"><input type="text" size="40" id="firstname" name="firstname" value="" /></td>
	 </tr>
Max_admin 05 Sep, 2008
Hi Cheryl,

I don't think this is the validation, as what the validation code does is that, when the form submit event is fired, it checks for validated fields, if any failed then it halts the submit and with some CSS it shows you where the problem is, so, validation doesn't do any thing before the submit button is clicked, also you can view our contact us page in any browser and it will be fine, I believe there is some issue with your website HTML or encoding or something else, but I can't tell whats it really, for testing why you don't turn off validation and ask one of the users to test it ?

let me know

MAx
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
cjmicro 05 Sep, 2008
Max, I will do what you said about testing, but I do believe the validation works on the fields before submit.

Go to my form
http://www.colvinrunpto.org/index.php?option=com_chronocontact&chronoformname=directory

and when you just try to click on a field without filling in one of the required fields (marked with *) it will give you the message before you even come close to the submit step at the end. Once you click in the field like you are going to type something then move on to another it goes back and tells you it is required.

Thanks for helping me to resolve this.

Cheryl
Max_admin 05 Sep, 2008
Hi Cheryl,

I understand what you said, missed this but its still onchange or onblur event, it should not make the field disabled, I will try to add more validation option in the next release.

Regards

Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
cjmicro 11 Sep, 2008
I sitll can't get the forms to work in IE6, even with the validation off, etc.

Do you think it could be the doctype in the template??

Cheryl
Max_admin 11 Sep, 2008
Hi Cheryl,

I'm really not sure, try to change the doctype, save your webpage as .html file and open it in all browsers and test, change the doctype..etc, if you have Dreamweaver CS3 then it can help you convert the whole document to XHTML strict too.

Regards

Max
Max, ChronoForms developer
ChronoMyAdmin: Database administration within Joomla, no phpMyAdmin needed.
ChronoMails simplifies Joomla email: newsletters, logging, and custom templates.
cjmicro 12 Sep, 2008
Well hallelujah I have figured this out!!! It was the template causing issues, so we switched templates and voila' no more problems. It was NOT just chrono forms it was the contact on joomla and also other forms (virtuemart etc), which is what they finally told me today. So DUH that narrowed it down a LOT. Wish this had been made clear a lot earlier, because it would have saved me MUCH stress and time.

I still don't know WHY but at least it's working now, and not an issue on your end. I'm really sorry to keep asking about it, but hopefully if someone else has a similar problem this may answer.

THANKS for a great product WITHOUT an IE6 issue LOL.

Cheryl

Edited: I found a fix for the template I was using (rocket theme dimensions lite) fix was to put in the template_ie6.php

form, input  {
         position: relative;
}
This topic is locked and no more replies can be posted.