EXERCÍCIO

HTML/CSS/Javascript

Fazer o formulário conforme mostra a imagem abaixo.

Restrições para envio dos dados do formulário:

• Todos os campos assinalados por um "*" deverão estar
obrigatoriamente preenchidos;
• Os campos "Senha" e "Confirmação da senha" devem ter o mesmo
conteúdo;
• O usuário deverá ter mais que 18 anos;

Detalhes sobre a resolução:

• A mensagem de erro deverá exibir o nome do campo que não está
preenchido;
• Caso a idade seja menor que 18 anos o usuário deverá ser informado
deste problema com uma mensagem específica para este caso;
• Caso a "senha" e a "confirmação da senha" não sejam iguais o
usuário deverá ser informado deste problema;
• O formulário só deverá ser enviado caso TODOS os campos
marcados tenha sido validados;

Sugestão sobre a forma de fazer o exercício:

• Crie um formulário;
• Crie uma tabela dentro do formulário e a configure para ela exibir
suas bordas;
• Insira os campos e textos necessários na tabela;
• Verifique se cada campo possui um nome diferente;
• Feche a tabela e o formulário;
• Crie uma função JavaScript e a chame com um botão dentro do
formulário;
• Mande uma função exibir o conteúdo dos campos desejados para
saber se os dados estão "chegando" até a função;
• Faça o tratamento dos erros do formulário;
• Teste e veja se tudo funciona, se estiver envie os dados dentro da
função;
• Crie uma DIV e insira a tabela nela;
• Configure a DIV para que esta fique no centro da página.