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

Validar a entrada de telefone

No curso é explicado que existem tipos de inputs que no modo mobile ajudariam a exibir o teclado correto. No caso de email é utilizado o type email e no telefone é utilizado o <input type="tel" id="telefone" placeholder="(XX) XXXXX-XXXX">

Além disso, caso o campo de email seja preenchido de forma incorreta (sem @dominio.com), o formulário avisa que existe um erro. Por que o mesmo não acontece no caso do telefone, o qual aceita que eu digite letras no campo?

Fiz algo de errado? Não me parece ser um problema de navegador, ja que no edge e no chrome encontrei o mesmo problema.

2 respostas
solução!

Oi, Mariana.

Tudo bem?

O type tel recebe também letras porque os formatos de números telefônicos são inúmeros ao redor do mundo, ou seja, pode haver algum formato diferente do nosso e esse campo precisa estar pronto para recêbe-lo também. Mas há de contornar essa questão. Nesse link da documentação, tem um exemplo que mostra como você pode criar um formato padrão de telefone que restringe caracteres não necessesário e que impeça submisão de erros do usuário, https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/tel

Espero ter te ajudado.

Qualquer dúvida manda aqui. Valeu Mariana.

Agora ficou bem mais claro! Obrigada, Renan!