Home/ Questions/Q 180081
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T14:31:21+00:00

I have three input boxes for entering a telephone number on a webpage: XXX

  • 0

I have three input boxes for entering a telephone number on a webpage:

 XXX XXX XXXX

I need JavaScript that moves the user between the boxes as you type. After the third character, it moves you to the second box, etc…

In the past, I’ve had trouble with the backspace. When I clicked backspace from the second box, it puts me in the first, but then shoots me back to the second.

What is the best way to do this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. You should use jQuery AutoTab

    Example code like this

     <div><strong>Phone Number:</strong></div>  <input type='text' name='area_code' id='area_code' maxlength='3' size='3' /> -  <input type='text' name='number1' id='number1' maxlength='3' size='3' /> -  <input type='text' name='number2' id='number2' maxlength='4' size='5' />    <script type='text/javascript'>  $(document).ready(function() {  $('#area_code').autotab({ target: 'number1', format: 'numeric' });  $('#number1').autotab({ target: 'number2', format: 'numeric', previous: 'area_code'     });  $('#number2').autotab({ previous: 'number1', format: 'numeric' }); }); </script>
    • 0