Accessing the elements array number for a given form element

**CyberFuture** · Sep 20, 2004, 14:50

Ok so I have a field in a form and I want to onKeyUp runs a functuns that if successfully bounces me to the next field. All was well and good until new additions via php meant the the field's location can vary. So if I can figure out the fields position in the array I could alter the the function accordingly. I also run this script multiple times in the form so I can't use field names.. or can I?

Here's my original script where 7 was the field's location when the form was not subject to changing field numbers.

Code:

  function jumpbox(test){
if(document.theForm.elements[test].value.length>2){
 document.theForm.elements[test + 1].focus();
 }
}
 
<input type="text" name="faxArea" size="3" maxlength="3" onKeyUp="jumpbox(7)">

Please Help!

**adios** · Sep 20, 2004, 19:43

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>untitled</title>
<script type="text/javascript">

function jumpbox(el)
{
	if (el.value.length == el.maxLength)
	{
		var f = el.form,
		l = f.elements.length
		i = 0;
		for (; i < l; ++i)
			if (f.elements[i] == el)
			{
				if (el = f.elements[i + 1])
					if (!/(button)|(submit)|(reset)/.test(el.type))
						el.focus();
				return true;
			}
	}
	return true;
}

</script>
</head>
<body>
<form onreset="zip.focus()">
<input type="text" name="zip" value="" size="5" maxlength="5" onkeyup="return jumpbox(this)">___5 max<br /><br />
<input type="text" name="foo" value="" size="8" /><br /><br />
<input type="text" name="faxArea" value="" size="3" maxlength="3" onkeyup="return jumpbox(this)">___3 max<br /><br />
<input type="text" name="hah" value="" size="8" /><br /><br />
<input type="text" name="serial" value="" size="4" maxlength="4" onkeyup="return jumpbox(this)">___4 max<br /><br />
<input type="reset" />
</form>
</body>
</html>

Behaviors that interfere with the filling out of a form are usually a pain for users (try and tab back to that field)...but, whatever.

**CyberFuture** · Sep 21, 2004, 09:48

Thanks for your Reply Adios

I woke up this morning and my path was clear. Below is the final script I'm using:

Code:

function jumpbox(test){
for(var i = 0; i < document.form2.length; i++) {
 if(document.form2.elements[i].name == test){
  break;
  }
 }
if(document.form2.elements[i].value.length>2){
 document.form2.elements[i + 1].focus();
 }
}
 
<input type="text" name="faxArea" size="3" maxlength="3" onKeyUp="jumpbox(this.name)">

**adios** · Sep 21, 2004, 09:54

Terrible script. Whatever...

The SitePoint Forums have moved.

User Tag List

Thread: Accessing the elements array number for a given form element

Thread Tools

Display

Accessing the elements array number for a given form element

Bookmarks

Bookmarks

Posting Permissions