Как сделать замену каждого n-го символа в строке?

Делаю валидацию формы оплаты, мне нужно чтобы после каждого 4 символа был пробел.

HTML

<input class="card-input" required name="card-number" id="cardNumber">

JS

function validation(input, maxlength) {
    input.oninput = () => {
            input.value = input.value.replace(/[^\d]/g, '').substr(0, maxlength)  
    }
}
validation(cardNumber, 19)

Как так выходит, что он вообще не меняет символ, задаваемый по индексу?