Webmaster Forum

cimmeron · Posted: Fri Feb 15, 2008 4:05 pm Post subject: Form field entry

Hi - I need to set up my form to automatically move forward as the fields are filled. So, after filling up the 'name' field, it will automatically skip to the next field, which is email. I'm not even sure what this is called so I haven't been able to research it much. I think that you might have to constrict the form field characters to a certain number and THEN program it to advance to the next field...but again, it isn't something I've worried about in the past so..

any help is appreciated.
thanks,
_________________
a website design forum

TigerBot · Tiger Member Joined: 19 Jun 2007

_________________
TigerBot

bsmith · Posted: Wed Mar 05, 2008 1:52 pm Post subject:

Sorry for the delay...

are you still working on this?
_________________
If you have an an urgent question, please call me.
Spam will be removed.

cimmeron · Posted: Wed Mar 05, 2008 2:05 pm Post subject:

It became less important but it still is something I'd like to know.
thanks,
_________________
a website design forum

jpowers · Posted: Thu Mar 06, 2008 12:53 pm Post subject:

Hi Debbi,

What you're wanting to do is auto-tab from one completed field within a form to the next. You were right in your first post; it is necessary to have a fixed-length input field. Upon valid entry of the correct number of characters, the cursor will tab to the next field.

Here's a javascript I just downloaded after doing a Google search for "javascript auto tab". I hope it will be of some help to you. Thanks for visiting the Tiger Team Solutions forum!

/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Cyanide_7 | */
var isNN = (navigator.appName.indexOf("Netscape")!=-1);

function autoTab(input,len, e) {
var keyCode = (isNN) ? e.which : e.keyCode;
var filter = (isNN) ? [0,8,9] : [0,8,9,16,17,18,37,38,39,40,46];
if(input.value.length >= len && !containsElement(filter,keyCode)) {
input.value = input.value.slice(0, len);
input.form[(getIndex(input)+1) % input.form.length].focus();
}

function containsElement(arr, ele) {
var found = false, index = 0;
while(!found && index < arr.length)
if(arr[index] == ele)
found = true;
else
index++;
return found;
}

function getIndex(input) {
var index = -1, i = 0, found = false;
while (i < input.form.length && index == -1)
if (input.form[i] == input)index = i;
else i++;
return index;
}
return true;
}
_________________
- John