маскировка номера телефона с помощью jquery - с тремя полями ввода

Question

Я хочу создать маскирование полей телефона с помощью jquery/javascript. Я пробовал несколько плагинов маски jquery. Все еще хочет найти лучшее решение для этого. У меня есть три поля ввода для США (у меня должно быть три поля ввода).

код города

Телефон field1

Телефон field2

Мой вопрос, когда пользователь ошибочно ввести телефонные номера, а затем хочет, чтобы вставить номер в середине, он должен работать без влияния на другие входы.

Пример:

Если пользователь вводит входные сигналы, как

первое поле ввода: "ABC"

второе поле ввода: "DEF"

третье поле ввода: "GH"

Затем пользователь хочет ввести «x» в середине «d» & «e». Затем вход должен принимать входной сигнал как abc, dxe, fgh соответственно (он должен работать как вид автоматического следующего фокуса поля ввода).

Обратите внимание: необходимо ввести три поля ввода.

спасибо.

Answer 1

попробовать this link

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

С его помощью на одном textbox только. Могу ли я использовать его для нескольких текстовых полей. maxlength=3 не будет работать. Вам нужно получить последний элемент в другом текстовом поле

Answer 2

Попробуйте следующий код: (Я использую идентификатор для входа и вам необходимо удалить атрибут MAXLENGTH из полей ввода)

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