• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 304
  • Last Modified:

Javascript to autotab to next input field after max characters entered

I need some javascript that will tab to the next input box once the maximum number of characters has been entered.  This is for entry of a telephone number and we need three different input boxes but don't want users to have to tab each time.  I'm sure this is simple, but I don't know how to do it.
0
juliefernandes
Asked:
juliefernandes
  • 2
1 Solution
 
knightEknightCommented:
<INPUT type='text' name='field1' maxlength='3'
  onKeyUp='if(this.value.length==3)this.form.field2.focus();'>

<INPUT type='text' name='field2' maxlength='3'
  onKeyUp='if(this.value.length==3)this.form.field3.focus();'>

<INPUT type='text' name='field3' maxlength='4'>
0
 
knightEknightCommented:
Remember to surround the whole thing up there with <FORM> and </FORM> tags (especially if you are using Netscape).  Also, if you are using netscape, you must include this at the top of your page:

<SCRIPT language='javascript'>
  if ( document.layers )
    document.captureEvents( Event.KEYUP );
</script>
0
 
juliefernandesAuthor Commented:
thanks for the quick response.  perfect!
0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now