首页 文章

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

提问于
浏览 次
5

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

区号

电话字段1

电话字段2

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

例：

如果用户输入输入为

第一个输入字段：“abc”

第二个输入字段：“def”

第三个输入栏：“gh”

然后用户想要在“d”和“e”的中间输入“x” . 然后输入应分别接受输入为abc，dxe，fgh（它应该工作类型为auto next next field focus） .

请注意：需要三个输入字段 .

谢谢 .

javascript jquery html input masking

2 回答

  • 0

    试试this link

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

    仅在一个 textbox 上使用它 . 我可以在多个文本框中使用它吗？ maxlength=3 将无效 . 您需要将最后一个元素放到另一个文本框中

    回复于
  • 0

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

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

相关问题