Criei uma animação que aparece na tela e bloqueia os campos digitados pelo usuário em quanto a requisição é processada, diretamente no `submit`, conforme abaixo:

    onclick="javascript:document.getElementById('blanket').style.display = 'block';document.getElementById('aguarde').style.display = 'block'; block();"

Aparecendo a imagem abaixo:

[![inserir a descrição da imagem aqui][1]][1]

Acontece que se o usuário não preencher alguma informação, o formulário não é enviado e aparece o aviso devido ao required, mas a animação é executada de qualquer forma, e para voltar a página somente atualizando a mesma. 

Existe alguma forma do `onClick` aguardar a validação dos campos `required` antes de executar essa animação?


  [1]: https://i.sstatic.net/M7CQm.png