Estou tentando fazer a validação do input usando required e personalizando a mensagem de erro com oninvalid
porém quando eu preencho o campo que eu tentei submeter sem preencher, pra cada caractere que eu digito ele mostra a mensagem de erro, ou seja o onchange não muda o status do campo.
Alguém saberia me informar o que pode ser isso?
<input type="text" name="nome" id="nome" placeholder="Nome" required oninvalid="setCustomValidity('Insira o seu nome')" onchange="try{setCustomValidity('')}catch(e){}">