Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Onde está definido as mensagens de erro/alerta

Olá,

Procurei em todo o código no VSCode com a opção "Editar->Procurar nos arquivos" onde está defido o texto das mensagens de erro que o html exibe para os casos de campo obritario ou quantidade minima.

Essas mensagens vem de algum import do CSS?

Alguém achou essa informação?

Imagem para exemplificar a duvida exposta com o objeto da duvida marcado para caso de quantidade minima

Imagem para exemplificar a duvida exposta com o objeto da duvida marcado para caso de campo obrigatorio

1 resposta
solução!

Olá!

As mensagens de erro/alerta que aparecem no HTML para os casos de campo obrigatório ou quantidade mínima geralmente são definidas no próprio HTML, utilizando o atributo "required" para campo obrigatório e "minlength" para quantidade mínima.

Por exemplo, se você tem um campo de texto que é obrigatório, você pode definir a mensagem de erro da seguinte forma:

<input type="text" name="nome" required placeholder="Digite seu nome">

Nesse caso, se o campo ficar vazio e o usuário tentar enviar o formulário, a mensagem de erro padrão será exibida. Mas você pode personalizar essa mensagem adicionando o atributo "oninvalid" na tag do input:

<input type="text" name="nome" required placeholder="Digite seu nome" oninvalid="this.setCustomValidity('Por favor, preencha seu nome')">

Dessa forma, quando o campo ficar vazio e o usuário tentar enviar o formulário, a mensagem "Por favor, preencha seu nome" será exibida.

Para o caso de quantidade mínima, você pode usar o atributo "minlength" da seguinte forma:

<input type="text" name="senha" minlength="8" placeholder="Digite sua senha">

Nesse caso, se o usuário digitar uma senha com menos de 8 caracteres e tentar enviar o formulário, a mensagem de erro padrão será exibida. Mas você pode personalizar essa mensagem adicionando o atributo "oninvalid" na tag do input:

<input type="text" name="senha" minlength="8" placeholder="Digite sua senha" oninvalid="this.setCustomValidity('A senha deve ter no mínimo 8 caracteres')">

Dessa forma, quando o usuário digitar uma senha com menos de 8 caracteres e tentar enviar o formulário, a mensagem "A senha deve ter no mínimo 8 caracteres" será exibida.

Espero ter ajudado e bons estudos!