Muito bom seu tutorial cara, so uma dica, ao inves de usar 'keypress' no addEventListener, seria melhor usar 'input', que ai ele ia executar sempre que o valor do input fosse alterado, ent se alguem copia-se e cola-se um letras no input com o keypress as letras continuariam la mas com o input as letras seriam apagadas.
Como eu faço pra fazer de vários inputs no caso se eu colocar um ID e quiser validar vários diferentes no mesmo arquivo JS? Pode me ajudar? Como ficaria o arquivo JS, no começo mesmo você disse que fez o exemplo para um input, mas e no caso de vários?
Dá sim: cpfInput.addEventListener('input', (evt) => { let inputLength = cpfInput.value.length; //isNaN checks if is a number, and if it isnt or if is backspace or exceeded max length it enters the else and removes the char //evt.data != " " && evt.data != null condition is because " " and backspace(null) are considered numbers by isNaN if (!isNaN(evt.data) && evt.data != " " && evt.data != null && inputLength
Você pode definir o type dele como "numer", porém essa mascará de cpf não vai mais funcionar Outra forma de fazer isso é pelo Js, você verificar qual tecla que o usuário esta colocando no input, e caso não seja um numero vc retira do value
Como cnpj tem 14 dígitos e cpf 11, uma das formas q vc pode fazer é usar mascar de cpf normal nele e caso o usuário digitasse o 12º numero o código mudaria a formatação.
Cara, de longe o tutorial mais eficiente utilizando JS puro. Parabéns!
Excelente ! Muito bem explicado ! ! Parabéns pelos vídeos ! ! !
Muito top, parabéns. Simples, descomplicado e eficiente
Cara você me salvou, muito obrigado pelo conteúdo, continue com vídeos assim mano! Parabéns!
Cara, você me salvou, simplificou algo que fazem de forma muito complicada. Parabéns, de verdade.
Bicho, muito foda! simples e direto ao ponto.. parabéns!!
video top mano!! ajudou demais. Sucesso na carreira como programador!!
Obrigado entre muitos tutoriais o seu foi o mais eficiente
vídeo top mano!
MUITO BOM velho, ajudou muito obrigado !
Parabéns, sua didática é muito boa
Adorei o vídeoooo ajudou muito!!!
sensacional sua explicação! obrigado amigo, ajudou bastante.
muito bom, super explicativo e fácil de entender
Muito bom! Obrigado!
Sua dica me ajudou bastante. Obrigado!
video top demais, maneira muito simples deixando o codigo clean
Muito bom! Simples e direto! Muito obrigada
adorei, tutorial simples e direto! agora como faz pro usuario nao conseguir colocar letras?? edit: descobri! é só colocar isso no html :
salvou
Muito bom mano
Muito bom seu tutorial cara, so uma dica, ao inves de usar 'keypress' no addEventListener, seria melhor usar 'input', que ai ele ia executar sempre que o valor do input fosse alterado, ent se alguem copia-se e cola-se um letras no input com o keypress as letras continuariam la mas com o input as letras seriam apagadas.
Parabéns pela explicação!
brabo! muito obrigado!!!
Como eu faço pra fazer de vários inputs no caso se eu colocar um ID e quiser validar vários diferentes no mesmo arquivo JS? Pode me ajudar? Como ficaria o arquivo JS, no começo mesmo você disse que fez o exemplo para um input, mas e no caso de vários?
Porra dukaraleo... pra ficar perfeito só faltou mostrar como faria caso tivessem 2 input boxes na página...
você usa o id.
Nossa mano me ajudou muito
Fico feliz em saber disso :)
traz mais vídeos, me inscrevi já
Bom demais!!!!!
muito bom mds
Me ajudou muito!!
vlw mano, eu estava querendo saber como separar o numero de telefone com " ( ) " e um espaço. Vlw mesmo.
Obrigado mano, ajudou muito!
Como eu faço esse input type text aceitar apenas numeros? se usar type number ele nao entra " - "
Porque o maxlength não funciona como para inputs do tipo "number"?
FODA! me salvou
muito bom
ajudou demais mano vlww!!
ajudoooooooouuuuuuuuu muitoooooo
serviu pra mim.
Vlw Muito Bom
top ja me inscrevi
valeu demais
pq vc usou const ao inves de input?
se eu tiver outros input? coloco um id no html e no js o mesmo?
o meu não ta funcionando mesmo pegando seu repositório
Meu tbm
muito top.
Como faço pra verificar se o usuário digitou apenas números?
Qual é o nome desse tema do visual code?
Consegui fazer, mas ao colocar dois campos não funcionou. Parece que é preciso identificar se é um campo ou outro
Consegui resolver?
Up
Ótimo código. Dá para bloquear digitar outros caracteres, ou seja aceitar apenas números e bloquear a digitação após o número máximo de caracteres ?
Dá sim:
cpfInput.addEventListener('input', (evt) => {
let inputLength = cpfInput.value.length;
//isNaN checks if is a number, and if it isnt or if is backspace or exceeded max length it enters the else and removes the char
//evt.data != " " && evt.data != null condition is because " " and backspace(null) are considered numbers by isNaN
if (!isNaN(evt.data) && evt.data != " " && evt.data != null && inputLength
obrigado@@netamedeiros61
Como eu faço para o input aceitar somente caráteres numéricos?
Você pode definir o type dele como "numer", porém essa mascará de cpf não vai mais funcionar
Outra forma de fazer isso é pelo Js, você verificar qual tecla que o usuário esta colocando no input, e caso não seja um numero vc retira do value
como faço pra criar uma mascara para cpf e cnpj no mesmo campo? Obrigado pelo vídeo.
Como cnpj tem 14 dígitos e cpf 11, uma das formas q vc pode fazer é usar mascar de cpf normal nele e caso o usuário digitasse o 12º numero o código mudaria a formatação.
Eu te amo!
Mano faz um pra mim
Mano, você é bom explicando, parabéns! Você tem Insta, Twitter ou alguma outra rede social?