javascript - 使用 jquery 屏蔽电话号码 - 具有三个输入字段

标签 javascript jquery html input masking

我想使用 jquery/javascript 创建电话字段屏蔽。我尝试了几个 jquery 掩码插件。仍然想为此找到更好的解决方案。我有三个美国输入字段(我必须有三个输入字段)。

区号

电话字段1

电话字段2

我的问题是,当用户输入错误的电话号码,然后想在中间插入一个号码时,应该不会影响其他输入。

示例:

如果用户输入为

第一个输入框:“abc”

第二个输入字段:“def”

第三个输入框:“gh”

然后用户想在“d”和“e”中间输入“x”。 那么输入应该接受输入为 分别是 abc、dxe、fgh(它应该可以自动下一个输入字段焦点)。

请注意:三个输入字段是必需的。

谢谢。

最佳答案

尝试 this link

$('#two').val($('#one').val().substring(3,4)+$('#two').val());
$('#one').val($('#one').val().substring(0,3));
$('#two').focus();

仅在一个 textbox 上使用它。我可以在多个文本框上使用它吗? maxlength=3 将不起作用。您需要将最后一个元素获取到另一个文本框

关于javascript - 使用 jquery 屏蔽电话号码 - 具有三个输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30295895/

相关文章:

javascript - v-on :click and event triggering on inner elements

javascript - $.mobile.changePage 通过 AJAX 加载后的回调函数?

html - CSS 溢出-x : visible; and overflow-y: hidden; causing scrollbar issue

html - 我怎样才能让文本始终 float : right with a horizontal scroll bar

javascript - 如何在 React 中停止进一步处理事件

javascript - 提交表单时将 JavaScript 对象添加到表单数据

javascript - 有没有办法改变已经打开的浏览器窗口的大小(或允许某些网站使用 window.resizeTo)

javascript - 无限滚动jquery不工作

javascript - Symfony2 : How to include a js file inside another js?

html - Firefox 中的 Simpletip 位置