Exercício POO

  • Seguir o padrão de formatação e posicionamento dos elementos segundo os wireframes;
    • - Título: Helvetica, 26px, #000;
    • - Label: Helvetica, 10px, #222, transparência 90%;
    • - Input: Helvetica, 12px, #999, borda inferior solid, 1px, #ccc;
    • - Botões: Helvetica, 12px, fundo #eee, borda #aaa, cantos arredondados 4px;
  • Todos os campos são obrigatórios e devem ser validados com o evento onBlur. Caso ao perder o foco o campo não tenha sido preenchido corretamente deverá ser exibida a mensagem de erro do mesmo em vermelho abaixo do campo (vide exemplo campo email). O evento onSubmit também deve fazer parte da validação para os casos em que ao carregar o formulário o mesmo já seja submetido sem que nenhum campo tenha sido focado.
  • Validações:
    • - Nome: xxx xxx
    • - Email: xxx@xxx.xxx
    • - Data Nascimento: dd/mm/aaaa
    • - Telefone Fixo: (xx)xxxx-xxxx preencher os parênteses e traço automaticamente na digitação
    • - Telefone Celular: (xx)xxxx-xxxx preencher os parênteses e traço automaticamente na digitação
    • - Curso, Área de Atuação e Curso: obrigatórios para respectivos perfis
    • - Matrícula professor: 5 dígitos / Matrícula aluno: 10 dígitos

    Todos os dados preenchidos devem ser armazenados em um objeto da classe Aluno/Professor que herdam dados da classe Pessoa.

Voltar

Formulário de Cadastro

Tudo certo!
E-mail válido!
Data válida!
Telefone válido!
Celular válido!
Área de Atuação válida!
Curso válido!
Matricula válida!
Link válido!

Dados Cadastrados: