https://github.com/thiago-cloud/form

Neste repositorio criei um formulario com as validações
https://github.com/thiago-cloud/form

css3 html5 javascript

Last synced: about 20 hours ago
JSON representation

Neste repositorio criei um formulario com as validações

• Host: GitHub
• URL: https://github.com/thiago-cloud/form
• Owner: thiago-cloud
• Created: 2023-10-18T13:05:23.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-08-29T19:57:07.000Z (5 months ago)
• Last Synced: 2024-11-15T21:34:00.712Z (2 months ago)
• Topics: css3, html5, javascript
• Language: HTML
• Homepage:
• Size: 5.19 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Formulário com Validações em JavaScript Puro

Status: Desenvolvedor ⚠️

Bem-vindo ao repositório do Formulário com Validações! Este projeto demonstra a criação de um formulário de registro em HTML com validações realizadas em JavaScript puro. As validações são implementadas utilizando expressões regulares (regex) para garantir que os dados inseridos estejam no formato correto.

## Tecnologias Utilizadas

- **HTML**

- **CSS**

- **JavaScript**

## Funcionalidades

O formulário inclui os seguintes campos, cada campo possui validações especificas além de utilizarem regex exceto o campo senha:

- **Nome Completo:** Não deve conter caracteres de números ou caracteres especiais.

- **Email:** Deve estar no formato de um email válido (ex: [email protected]) e não pode estar em branco.

- **Senha:** Deve ter pelo menos 7 caracteres.

- **Confirmar Senha:** Deve corresponder à senha digitada.

- **Telefone:** Deve estar no formato de número de telefone válido (ex: (99) 99999-9999) e o campo não pode ficar em branco.

- **Data de Nascimento:** Deve estar no formato de data válido (ex: 01/01/2000) e o campo não pode ficar em branco.

## Estrutura do Repositório

O repositório está organizado da seguinte maneira:

- **/css:** Contém o arquivo style.css para estilização do formulário.

- **/images:** Contém as imagens do projeto.

- **/js:** Cóntem a parte logica do projeto como as validações.

- **index.html:** Contém o esqueleto do formulário.

- **README.md:** Este arquivo.

## Como Executar

1. Abra seu editor de código VS Code pode ser outro editor mais a explicação aqui serve para VS Code

2. Em seguida abra o arquivo index.html, pressione o botão direito do mouse e selecione o live serve(obs. E necessário a instalação da extensão live serve).