Projeto 2

Neste segundo projeto, teremos uma aplicação com estilização e layout livre, utilizaremos HTML, CSS e JS.

Faremos uma página de login com validações simples, a apliacação precisa conter:

• Campo de login
• Campo de senha
• Botão para login

Ao clicar para fazer login a aplicação deve fazer algumas validações e exibir em tela o retorno, sem recarregar ou redirecionar a página.

As validações a serem feitas são as seguintes

1. O login deve estar preenchido
2. A senha deve conter mais de 5 digitos
3. A senha deve conter letras e números
4. A senha deve conter caracter especial
5. A senha não deve conter mais de 10 digitos

As mensagens de retorno devem ser

• "Login não preenchido!" (Caso 1)
• "Senha não preenchida!" (Caso 2)
• "Sua senha deve conter mais de 5 digitos!" (Caso 3)
• "Sua senha deve conter letras, números e caracter especial!" (Caso 4)
• "Sua senha não deve conter mais de 10 digitos!" (Caso 5)