Campo obrigatório HTML + Javascript

Esta dica destina-se aos desenvolvedores que desejam criar campos obrigatórios de maneira fácil e usual. Quantas vezes me peguei criando um formulário que tinha campos obrigatórios, declarava todas as regras no banco de dados e mesmo assim passavam algumas pérolas.

Bom, aqui está um exemplo facinho que eu penei para descobrir, com a ajuda do meu amigo Rogerio (amigo desculpe-me, mas não sei seu nome completo).

É minha primeira dica, então por favor não reparem erros e postem observações...

Código completo e mastigado, é só dar CTRL+C e CTRL+V (copiar e colar).