javascript - 我应该使用什么 JavaScript 来输入网页中的电话号码?

标签 javascript html user-input

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

 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>

关于javascript - 我应该使用什么 JavaScript 来输入网页中的电话号码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/701606/

相关文章:

javascript - 跨浏览器目录上传方法

javascript - 如何在 react 节点 js 项目中从客户端创建动态元标记?

javascript - Javascript 中的函数传递函数立即调用第二个函数

html - 为什么 CSS head 样式不适用于 Bootstrap HTML 文件

html - 带工具栏的 Angular 全屏布局

javascript - 如何在可用时使 Angular.js 应用离线并与服务器同步

php - 这些嵌套的 if/elseif 语句的更优雅的解决方案是什么?

javascript - 基本 jQuery slider 在页面加载时无法正确显示(响应式设置)

java - 数组的挑战

java - 解析有关搜索条件的用户输入