1

Добрый день. Помогите реализовать следующую задачу на JS.

Есть поле input. В него можно вводить только числа. Нужно автоматически подставлять маску по следующим правилам

если 5 чисел: Z-ZZ-ZZ
если 6 чисел: ZZ-ZZ-ZZ
если 7 чисел: ZZZ-ZZ-ZZ
1
  • перехват события onkeypress
    – DNS
    31 мар 2017 в 14:24

1 ответ 1

2

Слушать событие "input". Брать содержание input и выкидывать всё, кроме цифр. Последовательность цифр форматировать: перевести в массив и вставить в нужных местах дефисы, как вариант.

var el = document.getElementById("in");
function update() {
  var n = el.value.replace(/[^0-9]/g,'') // оставить только цифры
    .split('').reverse(); // перевестив массив и развернуть
  if(n.length > 2) n.splice(2,0,'-');
  if(n.length > 5) n.splice(5,0,'-');
  el.value = n.reverse().join('');
}

el.addEventListener("input", update);
<input id="in" type="text" placeholder="ZZZ-ZZ-ZZ">

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.