Validation IE 7 Script Error

I am experienceing a problem with the form validation under IE7.
When a required field isnt entered and the user tabs or click on to the next field (firefox displays a javascript message I think to tell the user that its a required field)

IE doesnt do this. It just creates a script error

line 124
Character 3
object doesnt support this property or method.

TESTING:
If validation is set to off there is no error.
If validation is on and there is a simple html form in place the error still happens.

Hi Mojo,

I guess this is because some loading problems or some other JS files interfere with the JS of the validation, when I test the validation here with the default joomla v1.0 template, it works very fine on FF, IE7,6🙂

Cheers

Max

No error messages from IE7, but simply it does not consider JS validation...hence, no messages at all.

I sent an empty form, instead Firefox is working pretty fine.

How to solve it with IE?!

Hi gg4j,

The validation is of course tested with IE7,6 and it should work fine but as mentioned above some problems may occur, could you please switch your site template and see if this gets it to work ?

there is some problem we may not observe and we try to put our hands on it🙂

Sincerely,

Max

mm, I switched template to default joomla, but it s he same.

Validation are not considered.

When I press the button submit, there's a message on the bottom bar of IE, reporting "error on pages" with the yellow triangle...
Thus there could be smtg not properly recognized by the browser...?

could in case try to use another JS for validating?
Or use the script you use provided with CC, but loading them after submitting... I don't know, just an idea...

Hi,

Sure I guess we will add another choice for validation in the future🙂

I can run the validation here with FF,IE of course, not sure what the problem is.

PS: please find Bob's FAQ about the validation, find the original validation site weblink, try their demo in your browser, does it work ?

Cheers

Max

I am having the same problem: validation works fine in FF, opera, safari, etc.. but not in explorer. In explorer, I can send an empty form.

I am sorry, but I cannot find Bob's FAQ. Where do I look for it?

Also, thismay be relevant:

Did not help my case though.

Edited to add URL tags.<br><br>Post edited by: GreyHead, at: 2007/11/06 15:55

magli wrote:I am sorry, but I cannot find Bob's FAQ. Where do I look for it?[/quote]
Found it. I guess you meant this.

Edited to add url tags.<br><br>Post edited by: GreyHead, at: 2007/11/06 15:57

Hi magli,

I'd guess that Max is referring to this tutorial. It will tell you more about the code underlying the validation - though not why IE7 behaves differently.

Is your site live?

Bob

PS: please find Bob's FAQ about the validation, find the original validation site weblink, try their demo in your browser, does it work ?

So do you mean this?
http://www.chronoengine.com/content/view/31/39/


Still the same problem, from IE can send an empy form...
...

Is there probably an error in the script?
Someone has found maybe smtg?

i am having a similar problem with ie not recognising the validation. after i couldn't fix the problem with my own form i downloaded the sample form to try. it worked fine with the basic form on my local machine, but the same form would not validate when i uploaded it to my server.
i don't know very much about javascript so i wouldn't be able to say why it worked on one server and not another, but maybe with this added info someone out there might get an idea.

patrick
<!-- w --><a class="postlink" href="http://www.bee-active.com">www.bee-active.com</a><!-- w -->

Hi patrick,

I'm afraid that knowing that it works for you on one server but not on another probably doesn't help much. If you can tell us which version of ChronoForms you are using and post a link to the broken page then Max or I might be able to dig a little deeper.

Bob

bob.
thank you for getting back. it is v 2.3.5
and
here is the link to the form http://newjerseyrootcanal.com/index.php?option=com_chronocontact&chronoformname=ref1_form

it works fine on my local server but does not work on the live site. i moved the form using a cfbak file so the 2 forms should be the same.

if you need any more info let me know.

Hi beeinteractive,

Baffled - the form looks OK to me - my test form looks identical and works fine - and yours doesn't. I'm not good with JavaScript, hopefully Max can spot the bug.

Bob

hi bob.

i replaced the javascript files with the ones from my local server and now it works.
i don't know why. now i have to get it to work with the real form. at least i know it should work and i just have to play with it a little.<br><br>Post edited by: beeinteractive, at: 2007/11/09 15:29

Hi patrick,

very strange, which files did u replace exactly and how did u replace them ?

Cheers

Max

i replaced the 3.js files

prototype.js
validation.js
effect.js

i replaced them with the files from 'Really Easy Field Validation' after i couldn't get the tutorial http://www.chronoengine.com/content/view/31/39/. to work.

i still can't get my original form to work, but that has to be something i am doing if i can get the basic form to validate.
i will let you know what my problem was after i redo the original form.

Thanks patrick!!

ok, it seems that validating in ie does not work for me if i use a p tag around the form element i am checking.

this code works.

<br />
Introducing:<input name="introducing" value="" type="text" size="30"> 
<br />

and this code doesn't

<p>
Introducing:<input name="introducing" value="" type="text" size="30"> 
</p>

hopefully this helps someone and i will put up any more things i come across.
patrick
<!-- w --><a class="postlink" href="http://www.bee-active.com">www.bee-active.com</a><!-- w -->

Very strange, I will check this too and try to know why.

Thanks!!

Max

this seems to be a problem with the validation script in general.
hereis the link to the Really easy field validation
group about the same problem.

it is easy enough to work around, seems to work ok with div tags.

patrick
<!-- w --><a class="postlink" href="http://www.bee-active.com">www.bee-active.com</a><!-- w -->

Edited to add url tags<br><br>Post edited by: GreyHead, at: 2007/11/12 12:06

Hi,

I try to copy new js files but it doesn't work (maybe it's not the good files) and I have no <p> tag in my form but it still doesn't work on IE.

I like really this Joomla! component and I would be happy to not change !!!

I hope someone can do something !!!

Thanks a lot
++

i got it to work by starting very simple with the basic sample form downloaded from this site and the default joomla template. turned on validation in the control panel and set it up to check the 1st field.
i uploaded the one that i had working.
hopefully this helps.

patrick
bee-active.com [file name=test_form.zip size=622]http://www.chronoengine.com/components/com_fireboard/uploaded/files/test_form.zip[/file]<br><br>Post edited by: beeinteractive, at: 2007/11/13 15:16

Thanks for your answer but I don't know what to do with your file (cfbak?), you don't change js files from the standard version ?

You can see my problem here.

Where I can download good js files, I think I don't do mistakes in my form, I have no other javascript validation and I have well activate Validation because it's work fine on Mozilla FF.

Thanks a lot
++

Edited to add url tags<br><br>Post edited by: GreyHead, at: 2007/11/13 15:50

Hi gonado,

Please make a backup copy of your form and post it here or email it to info at greyhead.net.

Bob

[file name=myform.zip size=934]http://www.chronoengine.com/components/com_fireboard/uploaded/files/myform.zip[/file]

THis is my form !!!

++

Hi gonado,

Nice form - that runs perfectly on my system under both IE7 and FireFox. Please will you make a backup from ChronoForms Form Manager and post that so I can see the other settings.

Bob

Yes I can do that, thanks for your quick answer !!!

[file name=backup.zip size=1536]http://www.chronoengine.com/components/com_fireboard/uploaded/files/backup.zip[/file]

On IE7 there are no validation check if input is empty, I've tried it on 3 different PC browser (IE7) and it doesn't work, and on your IE7 you have no problem ? It is strange !!!

++<br><br>Post edited by: gonado, at: 2007/11/13 16:17

Hi gonado,

Sorry, but it works perfectly for me on IE7, validation check, submission . . .

I'll try putting onto a live web server later and see if that behaves any differently.

Bob

PS I did notice that there is no Reply To name or email, this can cause a problem sending emails.

Hi gonado,

Some other chronoforms user had the same problem as yours and when he deleted the 3 files under the validation folder then uploaded them again after getting them from the chronoforms package, it worked well!! can you try this please ?

Thanks!

Max

Yes sure I can !!

I have do that I have delete the 3 js files on server and upload the originals from the package and delete all files cache on IE7 but I have always the same bug !!!

Can you attach me these 3 js files ? To verify it !!!

Thanks and sorry I had try a lot of things but without success but I'd like to understand why and keep this powerful component !!!

++

Hi gonado,

I've attached the js files for you.

Bob [file name=js.zip size=35168]http://www.chronoengine.com/components/com_fireboard/uploaded/files/js.zip[/file]

Thanks for js files !!!

I upload them in the js folder but without success, I don't understand the problem, I have try to put CHMOD 777 on js files without success, to put only one element input in the form for verification but whithout success too !!!
Can I do something more to work ?

And in your IE7 it's working, what is your version ?

PS : I've got the latest version of IE7

++<br><br>Post edited by: gonado, at: 2007/11/14 15:29

Hi gonado,

My IE7 is 7.0.5730.11IC

Bob

My is 7.0.5730.13 I don't think there is a IE problem, I'll try to reorder elements attributes in my form, and I'll tell if it's work !!!

Thanks
++

I've tried to put only basic examples form even if i have your js files it is the same thing (I have too install chronoforms on a fresh Joomla!)
Is it the end, I have test all possibilities?

++

So I have install chronoforms on new website but now it's ok on IE7 with this form, I think it is a bug with a install components, modules, mambots !!! But i'd like to understand !!!

Is it possible there is a problem due to place joomla not in root directory ? It's the only difference between my two installations !!!

++<br><br>Post edited by: gonado, at: 2007/11/15 12:18

Hi gonado,

I guess it's possible that a path problem somewhere could cause the error. It's often really hard to find this kind of bug without digging into the code and adding extra code to show exactly what is happening😟

For info, neither of my local installs are in the root. I have both Jooma 1.0.x and Joomla 1.5 sites running on the same server in sub-folders.

Bob

I identify the problem, it was a problem with JCE Editor Mambot who insert some code in the <head></head> tag :

<!-- POUR JCE !-->

<script type="text/javascript" src="http://www.domaine.fr/2007/mambots/system/jceutils/jscripts/jceutils.js"></script>
<script type="text/javascript" src="http://www.domaine.fr/2007/mambots/system/jceutils/jscripts/mootools.js"></script>
<script type="text/javascript" src="http://www.domaine.fr/2007/mambots/system/jceutils/jscripts/jceutils_mootools.js"></script>
<script type="text/javascript" src="http://www.domaine.fr/2007/mambots/system/jceutils/jscripts/embed.js"></script>

<link href="http://www.domaine.fr/2007/mambots/system/jceutils/css/jceutils.css" rel="stylesheet" type="text/css" media="all"/>
<script type="text/javascript">
if(typeof jceUtils != 'undefined'){
	jceUtils.setConfig({
		legacyPopup: 1,
		boxConvert: 0,
		boxResize: 1,
		boxIcons: 1,
		boxOverlayOpacity: 0.8,
		boxOverlayColor: '#000000',
		boxFadeSpeed: 500,
		boxScaleSpeed: 500,
		tipClass: 'tooltip',
		tipOpacity: 1,
		tipFxspeed: 150,
		tipPosition: 'br',
		tipOffsets: {'x': 16, 'y': 16},
		pngFix: 1,
		imagePath: 'mambots/system/jceutils/images/'
	});
}
</script>

<!-- FIN !-->

Edited to add code tags.<br><br>Post edited by: GreyHead, at: 2007/11/15 14:19

Hi gonado,

Well done! I wouldn't have found that quickly.

Bob

PS I use the TinyMCE editor on my test sites and the WYSYWYG editor on the production site.

Yep thanks,

I was very exciting with this component so useful, so I can't stop for this problem because I wanted this one and not another one.

A lot of thanks for you and admin for this component and for your support !!!

PS : Sorry for my bad english, I'm just happy because you understand me :-)

Cool I'm a senior boarder !!!😛

++<br><br>Post edited by: gonado, at: 2007/11/15 14:54

Hallo guys,

I have exactly the same problem with IE6 and IE7.

And yes, I use the JCE-Editor as well, which apparently causes the validation problem with Internet explorer.


But I didn't understand @gonado. How can I solve the problem??

I identify the problem, it was a problem with JCE Editor Mambot who insert some code in the <head></head> tag :

The <head></head> tag of which file??

What have I to do exactly??

Thanks a lot

PS: I apologize for my bad English.<br><br>Post edited by: bigtail, at: 2007/12/11 01:00

Hi Bigtail,

The head of the website index page, please open the JCE mambot and find some function called addcustomheadtag , or something like this, play with it alittle as I didn't test this myself🙂

Cheers,

Max

Thank you for your answer.

So, I found the reason of my problem.

It happens often that two JavaScripts in a file cause conflict.
It was the problem in my case too.

If I disable following code in the <head> tag of the index.php of my template:

<script language="javascript" src="<?php echo $mosConfig_live_site;?>/templates/<?php echo $cur_template; ?>/lib/js/mootools/mootools.js" type="text/javascript"></script>

the validation works in IE too.

I am not a JavaScript developer and have no idea why? Does somebody know a solution for this conflict problem? because I don't want to disable this script.<br><br>Post edited by: bigtail, at: 2007/12/11 14:14

Hi bigtail,

I'm afraid that mootools which is used by Joomla 1.5 and prototype + script.aculo.us used by the ChronoForms validation are both big JavaScript frameworks and it's unlikely that they will work together. I guess that some time in the future ChronoForms might get Mootools based validation but until then you may be better off finding a simpler validation script for your forms😟

Bob

Hi All - I had an issue where it wouldn't validate in IE 7. I changed under the "Validation" tab validation library to Mootools and it seems to be working now in IE and it still works in Firefox. You might try that.

Hi prdg1,

In general you should always use MooTools with Joomal 1.5. MooTools is loaded automatically by Joomla and if you try to use Prototype you will hit conflicts.

Bob

try to see if your submit input has a name

this will not work:
<input type="submit" name="send" class="button" />

this will work:
<input type="submit" class="button" />