Skip to content

Latest commit

 

History

History
51 lines (34 loc) · 1.34 KB

README.md

File metadata and controls

51 lines (34 loc) · 1.34 KB

Formulário com Validação

Descrição

Projeto criado para fixação de conceitos aprendidos no módulo intermediário de JS do Dev Quest - FrontEnd!

Conceitos trabalhados e fixados no projeto:

  • Estrutura de pastas padrão no projeto; ✅
  • HTML Semântico; ✅
  • Display Flex; ✅
  • Responsividade; ✅
  • Aplicação de imagens de fundo; ✅
  • Validação de formulário via JS; ✅
  • Uso de funções; DOM e eventos no JS ✅

Design Desktop

desktop

Design Mobile

mobile

Campos Vazios

Para qualquer campo vazio do formulário, a borda do input fica vermelha e uma mensagem "campo obrigatório" em vermelho aparece!

mobile

Campos Preenchidos

Para qualquer campo preenchido do formulário, a borda do input fica verde!

mobile

Mensagem de alerta

Quando todos campos estiverem preenchidos e se clicar no botão "enviar", uma mensagem de alerta com o nome do usuário aparece!

mobile