Как добавить пробелы в input?

Question

[NO1nam]

<section class="l-cont-twocol__right">
  <form action="sent.php" method="POST">
    <div class="o_c-form-input">
      <div class="o_c-form-input__base" onclick="form()">
        <label for="ni-validatable-input-9" class="o_c-form-input__title ng-scope ng-binding" translate="">16-значный код</label>
        <div class="o_c-form-input__text">
          <input type="text" maxlength="16" autocomplete="off" placeholder="---- ---- ---- ----" name="code" id="clear">
          <button class="o_c-form-input__text-icon" onclick="Clear()">
            <svg class="f-icon--c-close-fill">
              <svg id="c-close-fill" viewBox="0 0 16 16"><path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm3.4 10.2c.3.3.3.9 0 1.2-.3.3-.9.3-1.2 0L8 9.2l-2.2 2.2c-.3.3-.9.3-1.2 0-.3-.3-.3-.9 0-1.2L6.8 8 4.6 5.8c-.3-.3-.3-.9 0-1.2.3-.3.9-.3 1.2 0L8 6.8l2.2-2.2c.3-.3.9-.3 1.2 0 .3.3.3.9 0 1.2L9.2 8l2.2 2.2z"></path></svg>
            </svg>
          </button>
        </div>
      </div>
    </div>
    <div class="o_c-button01 o_p-redeem__next-button">
      <button class="o_c-button01__shape o_c-button01__text" type="submit" disabled="disabled">
        <span translate="" class="ng-scope">Далее</span>
      </button>
    </div>
  </form>
</section>

мой js код

function form() {
  /** @type {(Element|null)} */
  var dayEle = document.querySelector("div.o_c-form-input");
  dayEle.classList.add("is-active");
  dayEle.classList.add("is-focus");
}
;
function Clear() {
    document.getElementById('clear').value = '';
}
;

Как сделать так что бы после вода 4 букв и цифр ставилось пробел и когда в поле 16 значение что кнопка Далее стало доступно ( убрал disabled="disabled" )

Comments

[Алексей Ярков]

Кто-то маску для номера карты изобрел? ))
Почему не взять готовое проверенное решение?

Answer 1

[Павел Корнилов]

Answer 2

[Тимур Худиев]

Регулярным выражением. Готовое можно найти, если не умеете их писать