Как собрать данные из нескольких input в одну переменную?

Question

[Матвей Мяги]

Есть 4 input. В них будет вводится код доступа. Нужно чтоб из них данные собирались в одном месте и по количеству знаков, переключался focus среди input. (набрал цифру, фокус переключился на следующий input, и наоборот).
Скиньте пример, если знаете на vue, или JS.

Answer 1

[Denis Melnikov]

Из простого. Сделать 4 инпута, повесить на них ID
По OnKeyDown , перекидывать на след. ID
После , собрать value с 4ых ID...
там же можете проверять на пустоту и просто валидировать

Answer 2

[Александр Маджугин]

Не нужно - делайте 4 input c model и вычисляемое свойство которое будет канкатенировать значения из input'ов.
Добавляйте наблюдатель который будет следить за изменением этого свойства и переключать доступность и фокус инпатов. Возможно даже фокус и не надо двигать - просто отрубайте недоступные инпаты с помощью desebled