An open API service indexing awesome lists of open source software.

https://github.com/ewertondrigues02/formulario-com-validacao

Formulário com validação com Java Script - Exibição de mensagens de erro caso o usuário tente enviar um formulário inválido. Estilização visual para destacar campos com erro. Código modular e de fácil manutenção.
https://github.com/ewertondrigues02/formulario-com-validacao

css3 html5 javascript

Last synced: 7 months ago
JSON representation

Formulário com validação com Java Script - Exibição de mensagens de erro caso o usuário tente enviar um formulário inválido. Estilização visual para destacar campos com erro. Código modular e de fácil manutenção.

Awesome Lists containing this project

README

          

# 📝 Formulário com Validação

Este projeto é um **formulário interativo com validação em JavaScript**, garantindo que os usuários insiram informações corretas antes do envio.

---

## 🚀 Tecnologias Utilizadas

- **HTML5** → Estrutura do formulário
- **CSS3** → Estilização e responsividade
- **JavaScript (ES6+)** → Validação dos campos e mensagens de erro

---

## 📌 Funcionalidades

✅ Validação em tempo real dos campos:
- **Nome** (não pode estar vazio)
- **E-mail** (formato válido)
- **Assunto** (não pode estar vazio)
- **Mensagem** (não pode estar vazia)

✅ Exibição de mensagens de erro caso o usuário tente enviar um formulário inválido.
✅ Estilização visual para destacar campos com erro.
✅ Código modular e de fácil manutenção.

---

## 📂 Estrutura do Projeto

/meu-formulario-validado │── index.html # Página principal com o formulário │── styles.css # Estilos e layout │── scripts.js # Validações e lógica do formulário │── README.md # Documentação do projeto

yaml
Copiar código

---

## 📦 Como Usar

### 🔹 Clonar o repositório:
```sh
git clone https://github.com/seu-usuario/meu-formulario-validado.git
````
🔹 Abrir o arquivo index.html no navegador.
⚡ Melhorias Futuras
🔹 Adicionar validação em tempo real enquanto o usuário digita.
🔹 Implementar integração com backend para envio dos dados.
🔹 Criar um layout mais moderno e responsivo.

📄 Licença
Este projeto está licenciado sob a MIT License – veja o arquivo LICENSE para mais detalhes.

✉️ Contato
📩 Ewerton Rodrigues
🔗 LinkedIn
📂 Portfólio

markdown
Copiar código

Esse modelo é **profissional, bem organizado e pronto para o GitHub**. Caso precise de ajustes ou queira adicionar mais detalhes, é só me avisar! 🚀