HTML5 Campo Required

Estou com um BO para resolver e acho que dicas serão muito bem vinda

tem um form HTML em abas e alguns campos required, acontece que se o usuário estiver na aba 3 e clicar em salvar e na aba 1 tem um campo required que não foi preenchido, ele simplesmente não sai do lugar, claro, o navegador mostra a msg de erro, mas esta na aba 1 e não na atual.

como os forms estão todos funcionando corretamente, vem as perguntas:

a-) é possível mostrar a MSG em uma div, ou sempre o navegador mostra no campo?

b-) se não for possível, qual seria a melhor maneira de fazer:

1-) Onclick no botão salvar

2-) Onsubmit na TAG form

Obrigado