Skip to main content
4 de 4
adicionou 39 caracteres ao conteúdo
Allan Andrade
  • 6,5mil
  • 1
  • 19
  • 49

Sem utilizar libs externas, além do jQuery que você já utiliza, fiz o exemplo abaixo com a formatação solicitada.

UPDATE 01: ALTEREI PARA O EVENTO keyup

UPDATE 02: LIMITAÇÃO DE 4 CARACTERES

UPDATE 03: SELECIONAR TUDO AO RECEBER O FOCO

UPDATE 04: Funcionando em diversos browsers

$('#client-number').keyup(function(){
    var valor_bruto = $('#client-number').val().replace(/[^\d]/g, '');
    var valor = parseInt(0 + valor_bruto);
    var novoValor = pad(valor, 4);
    $('#client-number').val(novoValor);
});


$(document).ready(function() {
    $('#client-number').focus(function() { $(this).select(); } );
});

function pad (str, max) {
  str = str.toString();
  str = str.length < max ? pad("0" + str, max) : str; // zero à esquerda
  str = str.length > max ? str.substr(0,max) : str; // máximo de caracteres
  return str;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<input type="text" id="client-number" class="form-control" autofocus name="number" value="0000" />

Allan Andrade
  • 6,5mil
  • 1
  • 19
  • 49