javascript - 在网页中输入电话号码应使用什么JavaScript？

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

 XXX XXX XXXX

我需要在输入时在框之间移动用户的JavaScript。在第三个字符之后，它会将您移至第二个方框，依此类推...

过去，我在退格上遇到了麻烦。当我从第二个框单击退格键时，它会将我放到第一个框中，但随后将我射回第二个框。

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

最佳答案

您应该使用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>