JavaScript Validation Works In Firefox But Not IE

[SJ Carter]

Hello guys,

I have the following piece of code:
function validate()
{
var f = document.form1;
if (f.name.value == "" || f.name.value == '' || f.name.value.length
== 0)
{
alert('Please enter your name');
return false;
}
return true;
}


It works fine in Firefox, and when I use firebug to inspect the code I
don't get any errors. However, it doesn't work for IE. Any reasons
for that, and how can I fix this problem? Thanks.

 

[Joost Diepenmaat]

Hello guys,

I have the following piece of code:
function validate()
{
var f = document.form1;
if (f.name.value == "" || f.name.value == '' || f.name.value.length
== 0)
{
alert('Please enter your name');
return false;
}
return true;
}


It works fine in Firefox, and when I use firebug to inspect the code I
don't get any errors. However, it doesn't work for IE. Any reasons
for that, and how can I fix this problem? Thanks.

You probably really shouldn't have a form element named "name".

 

[Joost Diepenmaat]

You probably really shouldn't have a form element named "name".

or if you do, you can probably use form.elements.name.value instead of
form.name.value

 

[SJ Carter]

or if you do, you can probably use form.elements.name.value instead of
form.name.value

Thanks Joost, but it still isn't working. I tried changing the form
element name with no success, and then tried using the
"form.elements....", with identical results.

 

[Joost Diepenmaat]

Thanks Joost, but it still isn't working. I tried changing the form
element name with no success, and then tried using the
"form.elements....", with identical results.

it'd probably help if you post a link to the complete page.

 

[Thomas 'PointedEars' Lahn]

Thanks Joost, but it still isn't working.

Post the error message, then.

I tried changing the form element name with no success, and then tried
using the "form.elements....", with identical results.

DOM terms collide with markup terms here. Just to clarify, you should not
have a form *control* named "name", i.e. you should not have

<input name="name" ...>

because the form *element*

<form ... name="foo">
...
</form>

would then cause formRef.name to be evaluated to "foo" instead of the input
object. Modifying or removing the `name' attribute value of the `form'
element would not change that, which could explain what you observed.

You have to change the value of the `name' attribute of the `input' element
instead. BTW, "submit" is another name that should be avoided, as form
objects have a submit() method.

Please trim your quotes.


PointedEars

 

[SJ Carter]

Post the error message, then.


DOM terms collide with markup terms here. Just to clarify, you should not
have a form *control* named "name", i.e. you should not have

<input name="name" ...>

because the form *element*

<form ... name="foo">
...
</form>

would then cause formRef.name to be evaluated to "foo" instead of the input
object. Modifying or removing the `name' attribute value of the `form'
element would not change that, which could explain what you observed.

You have to change the value of the `name' attribute of the `input' element
instead. BTW, "submit" is another name that should be avoided, as form
objects have a submit() method.

Please trim your quotes.

PointedEars
--
realism: HTML 4.01 Strict
evangelism: XHTML 1.0 Strict
madness: XHTML 1.1 as application/xhtml+xml
-- Bjoern Hoehrmann

Got it working. Turns out it wasn't even that function itself, but
some embedded object that was messing things up. Thanks for all your
help!

 

[SAM]

SJ Carter a écrit :

Thanks Joost, but it still isn't working. I tried changing the form
element name with no success, and then tried using the
"form.elements....", with identical results.

Give another name than 'name' to your element would fix the trouble.

but the right use to get an element named 'name' and from the form named
'form1' is :

document.forms['form1'].elements['name']
or :
document.form1['name']

It is aways a good idea to do not use generic terms to name something
(here 'name' is an attribute and IE can misunderstand of what name you talk)

 

[GTalbot]

Thanks Joost, but it still isn't working. I tried changing the form
element name with no success, and then tried using the
"form.elements....", with identical results.

Using Web Standards in your Web Pages
Accessing Elements with the W3C DOM
http://developer.mozilla.org/en/doc...e_W3C_DOM#Accessing_Elements_with_the_W3C_DOM

will for sure give you the help you are seeking.

Gérard