Skip to main content
3 de 4
adicionou 170 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

$('#client-number').keyup(function(){
    var valor = parseInt($('#client-number').val());
    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="number" id="client-number" class="form-control" autofocus pattern="[0-9]*" inputmode="numeric" min="0" max="9999"
               name="number" value="0000" />

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