Permitir somente 4 números no input

[pinceladasdaweb 3]

Estou com um problema que ainda não encontrei a solução, preciso que em um campo input possa ser digitado somente 4 números, ou seja, pode ter quantas letras quiser, mas números o limite é 4, já desenvolvi um script mas não consegui bloquear a digitação de mais números, alguém tem alguma solução?

 

http://jsfiddle.net/kqnfohn5/

[William Bruno 1501]

pode ter quantas letras quiser, mas números o limite é 4

hum.. acho que o melhor caminho é uma regex para pegar só os números.

Ai você vê se nessa "string" de números só tem no máximo os 4.

 

<input id="fournumbers" name="fournumbers" type="text" value="">

<script>
var fournumbers = document.querySelector('#fournumbers');

fournumbers.addEventListener('keyup', blockNumbers, false);

function blockNumbers() {
    if ($this.value.replace(/[^\d]/g, '').length > 4) {
        this.value = this.value.replace(/^(.*)(.)$/, '$1');
    }
}
</script>

e o segredo para impedir a digitação do 5 número, é remover ele:

this.value = this.value.replace(/^(.*)(.)$/, '$1');

[pinceladasdaweb 3]

Boa Will.

 

Obrigado pela ajuda.