Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

Max-length nao funcionando ao acessar pelo celular

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas

por Jonathan Dos Santos Oliveira
| 165.2k xp | 6 posts
ASSISTENTE ADM

pessoal eu criei um text area que recebe uma palavra pelo usuario, e na tag da text area eu adicionei um max-length = 8. Ao acessar pelo pc o max length funciona perfeitamente, porem ao acessar pelo celular, ele nao restringe a 8 caracteres, eu ainda consigo add mais de 8 caracteres. Alguem sabe o motivo? pq o max length so esta funcionando ao acessar o navegador pelo pc?

7 respostas
por Lorena Garcia
| 8217.2k xp | 12018 posts
Alura Scuba Team Suporte Educacional

Oi Jonathan, tudo bem?

Poderia colocar seu código aqui? Você pode usar essa ferramenta:

print ferramenta de código

Obrigada e bons estudos!

por Jonathan Dos Santos Oliveira
| 165.2k xp | 6 posts
ASSISTENTE ADM 
 <section id="adicionar-palavra" class="invisivel">
            <textarea name="entrada-texto" id="entrada-texto" placeholder="Digite uma palavra" maxlength="8"></textarea>
            <p>
                <img src="https://img.icons8.com/ios-glyphs/30/000000/box-important--v1.png" class="icon1"/>Máx. de 8 letras
            </p>
            <div class="botoes-adicionar">
                <button id="salvar">
                    Salvar e começar
                </button>
                <button id="cancelar">
                    cancelar
                </button>
            </div>
solução!
por Lorena Garcia
| 8217.2k xp | 12018 posts
Alura Scuba Team Suporte Educacional

Oi Jonathan, tudo bem?

Fiz um teste com o seu código e ao acessar pelo celular, funcionou direitinho. print do teste no celular

Você pode ver que no teclado está o que tentei digitar na caixinha e não consegui porque ele restringiu.

E aqui está o teste que publiquei, você pode testar aí. Não modifiquei nada do código que você mandou.

Testa e me fala. :D

Bons estudos!

por Jonathan Dos Santos Oliveira
| 165.2k xp | 6 posts
ASSISTENTE ADM

Então, eu adicionei esse código em meu projeto do segundo challenge do programa ONE, porém quando acesso pelo celular o maxlength não funciona, não sei se tem algum problema com o navegador do mobile:

GitHub-pages: https://jonathansoliveira.github.io/jogo-da-forca/

Repositório: https://github.com/jonathansoliveira/jogo-da-forca

por Lorena Garcia
| 8217.2k xp | 12018 posts
Alura Scuba Team Suporte Educacional

Oi Jonathan!

Qual o navegador você tá usando? O celular é Android? Aqui eu só consegui testar em IOS, e seu código funciona perfeitamente neles.

Testei também com a ferramenta do desenvolvedor usando um Samsung Galaxy A51/71 como base de teste e também funcionou.

Fico no aguardo da sua resposta :D

por Jonathan Dos Santos Oliveira
| 165.2k xp | 6 posts
ASSISTENTE ADM

Oi Lorena,

Uso o Android 11, navegador Chrome, depois que você falou, eu verifiquei aqui que embora quando eu digito apareça no input mais de 8 caracters, quando clico em salvar realmente ele só considera os 8 caracteres. Obrigado.

por Lorena Garcia
| 8217.2k xp | 12018 posts
Alura Scuba Team Suporte Educacional

Opa Jonathan, que bom que resolveu :D

Qualquer coisa pode contar com a gente viu?

Obrigada e bons estudos!