Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá a todos.
Procurei muito uma forma de preencher o input com zeros a esquerda mas não achei nada que funcionasse de maneira correta.
o que eu preciso é uma mascara que fique assim no input:
00000
e quando o usuário digitar por exemplo: 1, fique assim: 00001
se digitar 10, fique assim: 00010
Achei este código, mas não sei como adaptar pois nele tem que clicar num button e não é o que eu quero.
Além de permitir letras ao invés de somente número.
function ajustarInput(str) {
var adicionar = 6 - str.length;
for (var i = 0; i < adicionar; i++) str = '0' + str;
return str.slice(0, 5) + '-' + str.slice(-1);
}
document.getElementById('teste').addEventListener('click', function() {
var input = document.getElementById('input');
input.value = ajustarInput(input.value);
});
<input type="text" id="input" />
<button id="teste">Corrigir</button>
Desde já agradeço.>
13 horas atrás, angelorubin disse:
Veja se ajuda - http://vanilla-masker.github.io/vanilla-masker
É uma mascara bem bacana mas infelizmente não tem a opção de preencher automaticamente com zeros a esquerda quando se coloca números menores.
O que eu preciso é que inicie com "00000" e ao colocar, por exemplo, 15 que preencha assim: "00015".
No meu exemplo faz isso mas tem que clicar em "Corrigir".
Não sei muito de JavaScript. Alguma sugestão?
Nenhuma outra sugestão?
Veja se ajuda
TODO LIST
-
Precisa pensar como ajustar o script para limitar a quantidade de caracteres digitados ( )
-
Limpar o input quando o mouse entrar no input ( OK ).
-
Ajustar a remoção de caracter com a tecla backspace ( ).
angelorubin
obrigado!
Vou estudar mas esse exemplo foi bem bacana, vou ver o que consigo e posto aqui novamente.
Veja se ajuda - http://vanilla-masker.github.io/vanilla-masker