Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Limitar dígitos no input to dipo number

Boa tarde senhores, tudo bem ?

Qual a melhor forma para eu limitar a quantidade de dígitos no input do tipo number ? Preciso impedir que o usuário ao atingir 20 dígitos inseridos no input, o input bloqueie e não deixe mais inserir, sem desabilitar o campo, para que se necessário, poder usar o backspace para alterar o valor.

Atenciosamente, aguardo um retorno Muito obrigado

2 respostas
solução!

Boa noite

Você pode tentar com :

<input type="text" pattern="\d*" maxlength="4">

Ou, se não funcionar, tente assim (ajustar o nome):

<input name="<nome>"
    oninput="javascript: if (this.value.length > this.maxLength) this.value = this.value.slice(0, this.maxLength);"
    type = "number"
    maxlength = "6"
 />

Bons estudos!

Bom dia Thiago,

Muito obrigado, a segunda opção resolveu sim, valeu, estava " sofrendo " com isso a dias, rsrsr

Mais uma dúvida por favor ... Eu tentei colocar essa lógica no componente e fazer o binding para o template, mas não consegui, deu erro de compilação, ..tem alguma forma de fazer isso ou até mesmo criar uma diretiva ?