mateussc2000 / form_cadastroPessoal

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Desafio Cadastro Pessoal !

Objetivo: Criar um formulario em html sem utilizacao de frameworks.

Funcionalidades: 1- Nele o usuario pode preencher seu "nome, email, telefone(celular+fixo), sexo, data de nascimento, CPF, RG, endereco, numero, bairro, CEP, cidade e estado".

2- O formulario eh responsivo, ao clicar sobre um dos itens a preencher ha uma leve mudanca de transicao da label + a cor.

3- Nos campos de "CPF,CEP e Telefone" ocorrem a formatacao automatica do campo para a qtd exata de digitos atraves da expressoes regulares do javascript

4- A data eh selecionada atraves de um calendario

5- Os estados sao escolhidos atraves de um select

6- Ao clicar em enviar, o botao transita de cor e exibe uma mensagem de alerta de que o "formulario foi enviado com sucesso"

Links de pesquisas e sites que encontrei durante o desenvolvimento: 1- https://encycolorpedia.pt/html

2-https://www.devmedia.com.br/alert-em-javascript/37208

3-https://www.alura.com.br/artigos/o-que-e-reset-css?gclid=Cj0KCQjwl_SHBhCQARIsAFIFRVWtxeFrcXKk2ejJMCncsI7uQEcMwJ_kCDkYHKdHS4GnxGQ2zDoDXMoaAtl6EALw_wcB

4-https://tableless.github.io/iniciantes/manual/js/inserindo-js.html

5-https://www.alura.com.br/artigos/formatando-cpf-com-ajuda-das-expressoes-regulares?gclid=Cj0KCQjwl_SHBhCQARIsAFIFRVVFat0OWldsupt0P3QQnz7TJKOiqlykNmvws0_n-pC4cYzA4McyjosaAoZiEALw_wcB

6-http://www.devwilliam.com.br/javascript/validar-formulario-usando-javascript

About


Languages

Language:HTML 61.0%Language:CSS 24.5%Language:JavaScript 14.5%