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

时间:2015-05-18 05:48:19

标签: javascript jquery html input masking

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

区号

电话字段1

电话字段2

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

示例:

如果用户输入

第一个输入字段:" abc"

第二个输入字段:" def"

第三个输入栏:" gh"

然后用户想要输入" x"在" d"中间&安培; " E&#34 ;. 然后输入应该接受输入为 abc,dxe,fgh分别(它应该工作类型的自动下一个输入场焦点)。

请注意:需要三个输入字段。

谢谢。

2 个答案:

答案 0 :(得分:0)

尝试以下代码:(我使用id作为输入,你需要从输入框中删除maxlength属性)

$("#first").on("input",function(e){
    if($("#first").val().length>3){
        $("#first").val($("#first").val().substring(0,3));
    }
});    

答案 1 :(得分:0)

尝试 this link

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

仅在一个textbox上使用它。我可以在多个文本框中使用它吗? maxlength=3无法工作。您需要将最后一个元素添加到另一个文本框