Eu tenho alguns inputs dentro de um formulário, telefone, cpf e rg e eu queria criar máscaras para cada um deles porém não sei como o faz, e eu queria que as máscaras fossem aplicadas assim que o usuário vaid digitando no input, como poderia fazer isto?
Como criar mascaras em inputs em javascript?
N
4 Respostas
L
Há libs que fazem esse trabalho para vc, como por exemplo: https://imask.js.org
N
E não teria como fazer isso sem lib?
T
Solucao aceita
1 like
Tem sim, normalmente envolve criar listeners para eventos como keydown, focus ou input, em cada elemento que você quiser aplicar uma máscara, e você pode acabar tendo que implementar para cada tipo de máscara. Alguns exemplos:
- Como criar máscaras em input com JavaScript? - Stack Overflow em Português
- html5 - Como fazer um Mask em JavaScript puro? - Stack Overflow em Português
Geralmente o pessoal recomenda bibliotecas porque elas já tratam a maioria dos casos mais comuns e são mais simples de usar, e o tratamento de eventos e a criação de máscaras tem detalhes que podem passar despercebidos se você não estiver atento (exemplo: copiar/colar pode quebrar muitas máscaras se não forem configuradas corretamente).
Abraço.
N
Obrigado amigo, já consegui fazer do cpf, falta fazer mas alguns.
Criado 30 de novembro de 2022
Ultima resposta 1 de dez. de 2022
Respostas 4
Participantes 3