Ввод цифр в input после маски js

Question

Подскажите пожалуйста, как мне сделать так, что бы когда введен номер телефона input по маске, была возможность вводить еще цифры. Например что бы можно ввести значение

+380 77 123 45 67 89

Сейчас можно ввести только:

+380 77 123 45 67

Как отключить запрет на ввод цифр после маски?

const mask = (selector) => {
  function setMask() {
    let matrix = '+###############';

    maskList.forEach(item => {
      let code = item.code.replace(/[\s#]/g, ''),
        phone = this.value.replace(/[\s#-)(]/g, '');

      if (phone.includes(code)) {
        console.log(phone, code);
        matrix = item.code;
      }
    });

    let i = 0,
      val = this.value.replace(/\D/g, '');

    this.value = matrix.replace(/(?!\+)./g, function(a) {
      return /[#\d]/.test(a) && i < val.length ? val.charAt(i++) : i >= val.length ? '' : a;
    });
  }

  let inputs = document.querySelectorAll(selector);

  inputs.forEach(input => {
    if (!input.value) input.value = '+';
    input.addEventListener('input', setMask);
    input.addEventListener('focus', setMask);
    input.addEventListener('blur', setMask);
  });
};
const maskList = [{
    "code": "+380 ## ### ## ##"
  },
  {
    "code": "+7 ### ### ## ##"
  }
]
mask(".phone");

<input type="text" class="phone">

БЛОГ НА HUSL

Ввод цифр в input после маски js

Ответы (0 шт):