我应该在网页中使用哪些JavaScript来输入电话号码？

Question

我有三个输入框用于在网页上输入电话号码:

 XXX XXX XXXX

我需要JavaScript,在您键入时将用户移动到框之间.在第三个字符之后,它会移动到第二个框,等等......

在过去,我遇到了退格问题.当我从第二个框中点击退格键时,它将我放在第一个框中,但然后将我射回第二个框.

做这个的最好方式是什么？

Answer 1

你应该使用jQuery AutoTab

像这样的示例代码

 <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>