Como criar um formulário incrível com validações em JavaScript
Neste tutorial, vamos aprender como criar um formulário incrível com validações em JavaScript passo a passo. Vamos começar!
Passo 1: Estrutura do formulário
Primeiro, vamos criar a estrutura básica do formulário em HTML:
Passo 2: Criar as validações em JavaScript
Agora, vamos adicionar as validações em JavaScript para garantir que os campos do formulário sejam preenchidos corretamente antes de serem enviados:
Passo 3: Estilizando o formulário
Por fim, vamos estilizar o nosso formulário para torná-lo mais atraente visualmente:
Conclusão
Parabéns! Agora você aprendeu como criar um formulário incrível com validações em JavaScript passo a passo. Com estas técnicas, você pode criar formulários mais interativos e atraentes para os seus usuários.
⭐ Conheça a nossa plataforma de cursos: horadecodar.com.br/comunidade-hora-de-codar/
esse cara é muito bom
cara eu tenho um curso seu de Bootstrap na Udemy e te achei aqui e achei o video fantastico se você tem um curso só de JavaScript me sinalize aqui
se ja tiver feito validaçao do formulário em html e preciso fazer novamente com JS
Show de aula parabéns professor, continue com essa série, trabalhando mais validações ❤
Estou iniciando nessa area, estou estudando sobre formulários, e vi esse video, achei muito bom, eu sei que é um video para youtube, e por isso tem que codar mais rápido, vou dar uma olhada no seu curso, e parabéns pelo video!
Vídeo bem feito, bem explicado, boa visibilidade, completo, parabéns
Fala Matheus, blz?
Não encontrei esse projeto lá na plataforma do hora de codar, ele fica em qual curso?
top demais !!!
no caso, na criaçao do html se colocarmos o required no input, já nao trás essa ''obrigação'' de digitar no campo?
No meu deu tudo certo, exceto na validação da senha, mesmo colocando 8 ou mais digitos não envia o formulário.
Alguém pode dar uma dica
Como eu posso integrar esse form em algum banco de dados? Para fins de estudos
Boa noite Matheus, estou aprendendo web scrapping e quero raspar uma tabela de uma página para aparecer no meu terminal. o código eu já comecei só não sei extrair uma tabela.
Se grátis ensina bem assim imagina no pago… em breve estarei adquirindo!
No vídeo mostra abrindo uma janela modal e no vídeo vc abre um alert. Haaaaaaa aí não.. fiquei até no final e só ficou no alert rs.. aíii vc fez pegadinha.. por isso não ganhou meu like rs
Olá Matheus, parabéns, ei notei que vc é bom em next js também podia ensinar a gente instalar essa nova versão e inserir um blog, que acha..
Professor, tô acompanhando seu curso de React e estou gostando muito. Sua didática é muito boa. Parabéns. So tenho uma crítica a fazer, é quanto à sua dicção. Tem algumas palavras que vc diz que é preciso voltar o vídeo para entender pois o final da palavra não fica claro. Pode parecer natural e normal pra você mas não é pra quem ouve. Agradeço pela sua dedicação e espero não estar ofendendo.
O meu não verifica de jeito nenhum.
Pra verificar se o nome está vazio:
if (nameInput.value = "") {
alert("Por favor, preencha o seu nome");
return;
Aparece o erro: Erro Uncaught TypeError: Cannot read property 'value' of null.
Todos os campos que eu tentei mostrar no console.log imprimira NULL.
Era tudo que eu precisava!! Fiz um formulário semana passada, mas não sabia como validar com JS.
Óbvio que tem por ai no youtube, mas na hora que vi nesse canal, deu vontade de fazer kkkk
Muito obrigado! Muito bom!
Ansioso para continuar, sucesso.