HTML & CSS - Validação de Formulários com JavaScript (Passo a Passo)

Quer saber mais sobre o nosso Curso Completo de Full Stack? Clique no link abaixo para garantir sua vaga na próxima turma: https://lp.hashtagtreinamentos.com/full-stack/espera/impressionador?fonte=org-yt_DbPLn1KR8_A&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=validacao-formularios-javascript-11-06&conversion=perpetuo-lesfs PARA ACESSAR O MINICURSO GRATUITO DE HTML E CSS: https://pages.hashtagtreinamentos.com/inscricao-minicurso-basico-html-css2?origemurl=hashtag_yt_org_minihtmlcss_DbPLn1KR8_A&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=validacao-formularios-javascript-11-06&conversion=perpetuo-lesfs ----------------------------------------------------------------------- 📁 Arquivos Utilizados no Vídeo: https://dlp.hashtagtreinamentos.com/full-stack/arquivo/download?curso=fullstack&id=1-B6sZYQhlY51wdvuwct2Xmkgt8L6V20n&origemurl=hashtag_yt_org_arquivofs_DbPLn1KR8_A&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=validacao-formularios-javascript-11-06&conversion=perpetuo-lesfs 💻 Recomendação de vídeo: Arrow Functions em JavaScript https://youtu.be/khlpCir4auw ----------------------------------------------------------------------- Caso prefira o vídeo em formato de texto: https://www.hashtagtreinamentos.com/validacao-de-formularios-javascript ----------------------------------------------------------------------- PARA CONTRATAR A HASHTAG PARA SUA EMPRESA: https://www.hashtagtreinamentos.com/treinamentos-corporativos?fonte=yt&origemurl=hashtag_yt_org_incompany_DbPLn1KR8_A&utm_source=youtube-org&utm_medium=yt-descricao&utm_campaign=programacao&utm_content=flexbox-layouts-responsivos-28-05&conversion=perpetuo-lesfs ----------------------------------------------------------------------- 🚨 Você já tentou validar um formulário e ficou perdido em como fazer isso da forma certa? Nessa aula super prática, você vai aprender como fazer validação de formulários com JavaScript do jeito certo e com todos os fundamentos explicados passo a passo. Vamos começar com um formulário simples em HTML e, a partir dele, te mostrar como impedir o envio com campos vazios, validar comprimento de senha, usar boas práticas com preventDefault, e até criar mensagens personalizadas para ajudar o usuário a entender o que precisa corrigir. Você vai entender a fundo o uso de addEventListener, value, required, pattern, e como aplicar validações combinadas com exemplos reais. Além disso, te mostro como utilizar expressões regulares (Regex) para aplicar regras avançadas, e demonstro como fazer a validação via JavaScript ou via HTML. Essa aula é essencial para quem está aprendendo desenvolvimento web, quer se tornar um dev Full Stack e precisa criar formulários funcionais, seguros e profissionais. 🔔 Gostou do conteúdo? Então já se inscreve no canal, ativa o sininho e deixa aquele like para não perder as próximas aulas sobre HTML, CSS, JavaScript e Full Stack! ----------------------------------------------------------------------- Hashtag Programação ► Inscreva-se em nosso canal: http://bit.ly/3c0LJQi ► Ative as notificações (clica no sininho)! ► Curta o nosso vídeo! ----------------------------------------------------------------------- Redes Sociais ► Blog: https://bit.ly/2MRUZs0 ► YouTube: http://bit.ly/3c0LJQi ► Instagram: https://bit.ly/3o6dw42 ► Facebook: http://bit.ly/3qGtaF2 Aqui nos vídeos do canal da Hashtag Programação ensinamos diversas dicas de HTML e CSS para que você consiga se desenvolver nessa linguagem de programação e criar seus próprios projetos! ----------------------------------------------------------------------- Conteúdo da Aula 00:00 Introdução: Validação de formulários com JavaScript 01:02 Criando um formulário HTML simples 03:35 Como vincular o JavaScript ao formulário 04:35 Validação de dados do usuário com JavaScript 06:08 EventListener no formulário: como capturar interações 07:14 Regras de validação com JavaScript: passo a passo 10:40 Validando o envio do formulário de forma segura 11:38 Testando se a validação está funcionando corretamente 12:00 Validação de formulários usando apenas HTML 12:40 Como definir o tamanho da senha com JavaScript 14:00 Regex e Pattern no HTML: regras de validação para form 15:51 Conclusão #fullstack #htmlecss #html #css #javascript #hashtagprogramacao