Solucionado
Em determinado momento do curso a Monica utiliza o "campo.addEventListener("invalid", evento => evento.preventDefault())" para que não apareça a mensagem padrão do input email, mas eu já vi usarem também o novalidate para isso no html. Queria entender qual a diferença entre eles, se tem exatamente a mesma função e qual é o mais usado?
Oi Giovanna, tudo bem?
Ótima pergunta! O novalidate é um atributo HTML que desativa a validação padrão do formulário. Ou seja, se o formulário tiver o atributo novalidate, o navegador não irá verificar se os campos estão preenchidos corretamente antes de enviar os dados. Já o addEventListener("invalid", evento => evento.preventDefault()) é uma forma de personalizar a validação dos campos do formulário, permitindo que você crie suas próprias mensagens de erro.
Em resumo, o novalidate é uma forma rápida de desativar a validação padrão do navegador, enquanto o addEventListener("invalid", evento => evento.preventDefault()) permite que você personalize a validação dos campos. Ambos têm funções diferentes, mas podem ser usados juntos para criar uma validação personalizada e desativar a validação padrão do navegador.
Espero ter ajudado.
Um abraço e bons estudos.
Oi Lorena, muito obrigado pela resposta!