Quiero insertar un guión después de cada cuarto carácter en la entrada. Tengo un cuadro de entrada de tarjeta de crédito. Cuando un usuario escribe y alcanza cada 4º carácter, jQuery insertará un guión (-).

Por ejemplo:1234-5678-1234-1231

ACTUALIZAR: Estoy probando algunos códigos y creo que estoy muy cerca del código correcto pero tengo algunos problemas. Aquí está mi ejemplo de código;

$('.creditCardText').keyup(function() {

var cardValue = $('.creditCardText').val(),
    cardLength = cardValue.length;

if ( cardLength < 5 ) {
    if ( cardLength % 4 == 0 ) {
        console.log('4 lük geldi');
        cardValue += "-";
        $('.creditCardText').val(cardValue);
    }
} else {
    if ( cardLength % 5 == 0 ) {
        console.log('5 lük geldi');
        cardValue += "-";
        $('.creditCardText').val(cardValue);

    }
}

});