1

Olá sou novo no campo de javascript e estou com uma duvida, como eu posso pegar o valor das teclas e bloquear strings, caracteres especiais e somente aceita NUMEROS no meu campo.

Meu Código a baixo

<input type="text" id="numero" placeholder="377273288328">
<script>
    let numero = document.getElementById("numero");
    numero.addEventListener("keypress", e=>{
        if(e.keyCode>=48 && e.keyCode<=57){
           // o codigo do 0 ao 9
        }else{
       //como eu bloqueio? 
        }
    })
</script>
5
  • no else coloque e.preventDefault(); para bloquear o evento padrão ao apertar a tecla
    – Costamilam
    Commented 17/06/2018 às 23:16
  • Guilherme Muito Obrigado resolveu o meu problema. Commented 17/06/2018 às 23:18
  • Nem precisa de script para isso, apenas defina o tipo do campo como number .... <input type="number" id="numero" placeholder="377273288328">
    – NoobSaibot
    Commented 17/06/2018 às 23:18
  • Eu postei uma resposta sobre cpf que valida de acordo com a regra da Receita Federal, ou seja, somente se for um cpf válido e verdadeiro. Se lhe interessar veja em pt.stackoverflow.com/questions/295564/…
    – user60252
    Commented 17/06/2018 às 23:55

2 Respostas 2

1
<input type="text" id="numero" placeholder="377273288328">
<script>
    let numero = document.getElementById("numero");
    numero.addEventListener("keypress", e=>{
        if(e.keyCode>=48 && e.keyCode<=57){
           return true;
        }else{
            e.preventDefault();// bloquea o evento padrão ao apertar a tecla
        }
    })
</script>
1
  • A sua resposta está correta, mas não responda apenas com código. Explique um pouco o que o seu código tem de diferente em relação ao da pergunta, caso contrário uma pessoa que leia a sua resposta pode não conseguir perceber de imediato.
    – Isac
    Commented 18/06/2018 às 1:07
0

Podes fazer só return false para negar a tecla que foi carregada.

Houve uma discussão sobre isso recentemente aqui, embora fosse para bloquear outros caracteres.

1
  • No caso ele retorna falso mas o input ainda aceita todos os tipos de caracteres Commented 17/06/2018 às 23:14

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .