Prezados, tudo bem?
Não to encontrando o momento que ele fala sobre essa parte do arquivo app.js. Não entendi muito bem pra que serviu.
input.addEventListener('invalid', (e) => {
e.preventDefault();
validarInput(input);
});
input.addEventListener('input', () => {
validarInput(input, false);
});
//blur quando sair do campo fica vermelho
input.addEventListener('blur', () => {
validarInput(input);
});}); };
Fala ai Henrique, tudo bem? Vamos lá:
input.addEventListener('invalid'
Esse listener será chamado quando o campo estiver inválido, isso porque você deve estar usando validações padrões do HTML, exemplo: pattern, required, maxLength, max, min, etc...
input.addEventListener('input',
Esse listener será chamado quando houver entrada de dados no campo, ou seja, quando você digitar informações no mesmo.
input.addEventListener('blur',
Essa listener vai ser executado quando o cursos sair do campo, ou seja, quando o cursos entra no campo ele dispara a função focus, porém, quando o cursos sai vai ser disparada a função blur.
Espero ter ajudado.