Двоеточие через каждые две цифры

Question

<input type="text" id="postcode"/>

Есть input и надо, чтобы через каждые два символа ставилось автоматически двоеточие. Как это сделать?

Answer 1

Если заранее известно количество двоеточий

<input  id="date" type="text"> 
<script>
$(function() {
  $("#date").mask("99:99:99:99");
});
</script>

Answer 2

const pc = document.getElementById('postcode');

pc.addEventListener('input', e => {
  const v = e.target.value;
  pc.value = v.length ? v.replace(/:/g, '').match(/.{1,2}/g).join(':') : '';
});

<input type="text" id="postcode" />

БЛОГ НА HUSL

Двоеточие через каждые две цифры

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