Javascript - another Object Expected error when executing javascript function

[tgorton]

I am having a problem running a javascript function as part of an html-el:form onsubmit. The problem seems to exists in IE6 but not in Firefox.

html:

<html-el:form action="${target}" onsubmit="return testTheForm(this)">
 

javascript function:

<script type="text/javascript">
function testTheForm(theForm){
 var e;
 for (i=0; i<theForm.elements.length; i++){
  e = theForm.elements[i];
  if (e.nodeName == 'SELECT')
  { if (!e.disabled && e.selectedIndex == -1){return false;} }
 }
 return true;
}
</script>
 

When I click on the Submit button I get Error on Page that displays an Object Expected error.

This works fine on Firefox as well as when I put the code inline as part of the onsubmit:

<html-el:form action="${target}" onsubmit="for (i=0; i<this.elements.length; i++){
  var e = this.elements[i];
  if (e.nodeName == 'SELECT')
  { if (!e.disabled && e.selectedIndex == -1){return false;} }
 }return true;">
 

Note the javascript function is declared in the same .jsp as the html-el:form tag.

Any ideas? I have googled this error with no satisfactory solutions yet.

Thanks.

-Tim

[pbmods]

Heya, Tim. Welcome to TSDN!

Please use CODE tags when posting source code. See the REPLY GUIDELINES on the right side of the page next time you post.

Do you get a line number with the error?

Try alert()ing the name of each element until you get the error:

for (i=0; i<theForm.elements.length; i++){
    alert(theForm.elements[i].nodeName);