Como fazer VALIDAÇÃO de FORMULÁRIOS com JavaScript

Подписаться 41 тыс.

Просмотров 40 тыс.

50% 1

Olá pessoal, no vídeo de hoje vocês vão aprender como fazer validação de formulários com JavaScript.
Gostou desse vídeo ? Então acesse: ru-vid.com...
✅ SOBRE O CANAL:
Esse canal foi criado com o objetivo de compartilhar conteúdos sobre tecnologia, programação, viagens, marketing digital e diversas experiências.
🔴 REDES SOCIAIS:
Instagram: @gutoneitzke
Facebook: Gustavo Neitzke
📍 Playlists do canal:
Curso de Algoritmos e Lógica de programação com JavaScript: • Algoritmos e Lógica de...
Curso de Laravel 8: • Curso de Laravel 8
Curso de PHP: • Curso de PHP7 do iníci...
Curso Banco De Dados: • Curso Banco de Dados 2020
Assunto de programador: • Assunto de programador
Curso de JavaScript: • JavaScript básico
Vlogs: • Vlogs
✔️ CONTATO: contato.gutoneitzke@gmail.com
#GustavoNeitzke

Опубликовано:

28 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 88

@dev_Augusto 5 месяцев назад

Dei uma pausa na codagem aqui para agradecer a você, Gustavo, pelo excelente trabalho que está ajudando não só a mim mas também a várias outras pessoas.

@haydukieder 2 года назад

cara, como esse canal tem poucos inscritos e poucas interações nos comentários. que didática boa pra caramba.

@cristianpereira3259 2 года назад

Parabéns Gustavo Neitzke por este seu trabalho, nós precisamos muito de sua dedicação e profissionalismo para nos ajudar neste início de profissão programador, pois é por meio destes tutoriais que ganhamos força e enriquecemos os nossos conhecimentos para ingressar nesta área tão complexa para alguns como eu. Pois a cada dia um novo desafio, atualizações repentinas que enfrentamos, então mais uma vez muito obrigado e nunca para de nos ajudar.

@francish886 Год назад

Fala Gustavo, muito obrigado por esse video, tava quebrando a cabeça aqui pra fazer validação e tu me ajudou demais, valeu mesmo! Graças ao teu video consegui validar meu formulario!

@brunoferreiraadev Год назад

Esse cara é muito bom, ensina de uma maneira fácil de aprender, meus parabéns!!!👋👋👋

@anonimux6612 2 года назад

Seu canal é incrível para os iniciantes. Parabéns

@jacsonandreola4360 Год назад

Showww, me ajudou muito. Dexia te pedir uma coisa, tu tem alguma aula onde ensine a validar se já tem um e-mail ou usuário cadastrado?

@Maxnovais777 2 года назад

O mano faz um vídeo desenvolvendo uma página em HTML e CSS e Javascript sei lá

@flaviovalentim1575 Год назад

Parabéns Gustavo, muito bom a didatica para apresentação do assunto, só senti falta da validação com select

@johnatanchagas8243 Год назад

Bora lançar mais vídeos do curso de javascript kkkk! Muito bom! parabéns pelo canal e ótimos conteúdos!

@danielfrausino7596 Год назад

Gosto muito dos seus vídeos, eu aprendo bastanto me destraio e nss muito bom parabéns cara você é o melhor ❣️

@lisianeneitzke6045 2 года назад

Com certeza cada dia melhor 👏👏👏

@renanaragao1957 2 года назад

sempre com otimas aulas

@treinonossodecadadia8014 Год назад

so n entendi uma coisa, beleza, ta validando. mas e a parte mais importante? como enviar esse formulario para o php?

@juankauepereiramoura3950 Год назад

tbm to com a mesma duvida

@la_biesta_1.0 3 месяца назад

Ele tem uma aula sobre isso... Vai ver lá no perfil dele

@sameernasri5892 Год назад

Muito foda seu conteúdo! To entrando na área de programação e teus vídeos ajudam bastante.

@danielfernandes5182 2 года назад

Tu é bom, mano! Manda muito bem!

@_alicest Год назад

Oiii!! vim tirar uma dúvida. Quando eu clico no botão do tipo submit não acontece nada e eu coloquei no form o action="salvar.php" para salvar no banco. Então vim vê se alguem q testou esse cod funcionou salvando no banco dados :/. E esse mesmo salvar.php funciona se eu colocar no botão inves de button para input, mas o script não funciona.

@junninxd Год назад

Mano, AULA ESPETACULAR! Ajudou muito!

@CachorroCururu 3 месяца назад

Melhor que muito curso caro, Alô dona EBAC... Rsrsrs

@fcgames7671 3 месяца назад

Estou fazendo eback , vim aqui para me tirar dúvidas, sobre validação..

@アラウーホムリーロ Год назад

Muito bom esse vídeo. Só ficou a pergunta na minha cabeça: "Essas são todos os tipos de validações de formulário? Ou existe mais tipos e formais de validar elementos de um formulário? "

@matheussoareslima3498 2 года назад

Na function mainPasswordValidate não seria necessário chamar a função comparePassword é inútil , pois ela é chamada no onInput lá em cima a parti do momento que o usuário digita algo , sendo nesse momento ela é invocada diretamente e não sendo necessário chamar ela duas vezes Muito bom o conteúdo é uma só uma observação no código

@levisanches1636 Год назад

nesse caso é necessário sim, basta fazer o teste de colocar a senha, repetir a mesma... depois mude a senha novamente, a validação precisa acusar novamente que a senha não é equivalente, por isso a necessidade de chamar a função dentro main

@priscilaa.7981 2 дня назад

Gratidão Gustavo.

@andremonteiro1369 Год назад

Faz um desse real, salvando em algum banco de dados e mostrando no banco. Obrigado, pela aula.

@Paulo_Mateus Год назад

Mano estou com um problema na ultima parte 24:00, o event prevault simplesmente está impedindo de enviar enviar a mensagem, ao clicar no botão submit ele não envia mais como antes.

@saturnvibes 4 месяца назад

cara, você consegui contornar esse problema?

@gomessIeo Год назад

Ficou só uma dúvida, pq quando clico para enviar o form, com todos os campos validados, ele não "reseta" como se tivesse enviado?

@cklevertytimbakcl6029 Год назад

E aí, estou com uma dificuldade no envio do formulário ao banco de dados. Como fazer? A conexão ja foi feita com php mas os dados do formulário n aparecem la, ele simplesmente cria os ID’s

@pierreleal395 Год назад

Brabo dms

@shxgamer3028 14 дней назад

Alguém tem o código inteiro para me dar? do html e js

@MauricioCaiombe Год назад

Mano PARABÉNS

@alexandremarciliocruz67 Год назад

O meu código dá erro na função comparePassword eu coloco o seu código igualzinho no sublime e executo e o navegador apresenta erro no value dos campos[2].value e campos[3] não consegue encontrar o value para os campos O restante do código foi de boa

@LouvadoIsaias-cn3np 4 месяца назад

Você me ajudou muito cara

@Vini-xe1dc Год назад

A validação funcionou perfeitamente mas o event.preventDefault(); não deixa meu formulário ser enviado mesmo com todos os campos preenchidos corretamente, o que eu faço?

@GustavoNeitzke Год назад

Opa Vini! Exatamente, com o preventDefault os dados do formulário não são enviados, logo você precisa fazer um envio dos dados diretamente no JavaScript, pode utilizar um axios, fetch,...

@Vini-xe1dc Год назад

@@GustavoNeitzke Então o meu insert feito em PHP não vai mais funcionar se eu usar essa validação? teria que fazer o insert no banco utilizando o javascript? sou iniciante em javascript e não entendi muito bem, pensei que esse código faria somente a validação e o meu código php seria responsável por enviar os dados para o bd, já que o crud funciona se eu retirar o preventDefault :(

@lucianooliveira5809 Год назад

@@Vini-xe1dc Opa, não sei se vai servir pra vc, mas aqui eu consegui contornar esse problema da seguinte maneira. Dentro da função anônima, ao invés de deixar o prevent.default "solto", eu coloquei ele (e a função de validação) dentro de um if, mudei o evento de submit pra click e add o evento no botão e não no form, assim: btn.addEventListener('click', (event) => { if(email.value == '' "){ event.preventDefault(); emailValidation(); } });

@LM_Producoes Год назад

Qual o link do repositorio para poder pegar o link do regex?

@shxgamer3028 14 дней назад

Aqui caso ainda precise /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/

@danielfrausino7596 Год назад

O mano faz um vídeo mostrando como faço pra caso se a senha for valida me direcionar para o meu site por favor 🙏❤️

@sonapj9321 Год назад

Valeu ✌🏾

@JoaoVictor-jg6dc Год назад

O que esse index faz? Como, por exemplo, na função setError(index)

@paulovictorrodrigues5994 Год назад

Quando ele deu um querySelectorAll pelo que entendi, ele cria um array dos inputs. Cada input tem uma posição que vai de 0 a N. Quando ele chama a função setError(0) ta pegando a posição de um determinado input. O index entre parenteses é um parâmetro, você pode escrever qualquer coisa ali para referenciar que vai entrar algum dado tipo function setError(dado). Ele colocou index pois é comum essa palavra para referenciar arrays,

@blockfolio8225 2 года назад

Cara e pra enviar voce ensinou a validar e depois de validado nao envia lol!

@GustavoNeitzke 2 года назад

Olá amigo! Já ensinamos isso no canal. Aprenda como ligar um FORMULÁRIO com BANCO DE DADOS #01 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QOeDE7nPDq0.html

@denilsonnunes1745 10 месяцев назад

Faltou só a validação dos campos do tipo checkbox e radio

@timoteosilva3603 7 месяцев назад

COmo vocÊ aprendeu tudo isso? kkk Quero fazer um curso

@peter8796 Год назад

como que faz o botao do submit funcionar e salvar as informações, pelo amor de Deus kkkkkkkkkkkk

@lucianooliveira5809 Год назад

Eu consegui contornar esse problema da seguinte maneira. Dentro da função anônima, ao invés de deixar o prevent.default "solto", eu coloquei ele (e a função de validação) dentro de um if, mudei o evento de submit pra click e add o evento no botão e não no form, assim: btn.addEventListener('click', (event) => { if(email.value == '' "){ event.preventDefault(); emailValidation(); } });

@et_gigii 3 дня назад

EU ODEIO JAVASCRPT

@nandorace 2 года назад

Poderia complementar esse vídeo inserindo esses dados em um banco de dados?

@GustavoNeitzke 2 года назад

Olá Fernando! Sim, já temos um vídeo ensinando exatamente isso aqui no canal ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-QOeDE7nPDq0.html

@ICodEPT 7 месяцев назад

Brabo! Eu não conhecia seu canal. Ganhou um adepto. rs Parabéns 👏👏👏

@dihcavallcantegame Год назад

Você é fera demais men, ta me ajudando demais na área da programação

@conhecimento3944 9 месяцев назад

Opa mano ótimo vídeo, tenho uma dúvida, este ultimo código form.addEventListener('submit', (event) => { event.preventDefault(); validarNome(); validarEmail(); validarSenha(); compararSenha(); }) está bloqueando meu formulário ao clicar em submit para meu banco de dados, tem como me ajudar?

@ViaAutodidata 2 месяца назад

Fala mano, descobriu como resolve? estou com o mesmo problema

@aprendizdefunileiro9281 Год назад

Fala Gustavo beleza ? Mano, quero te agradecer por fazer videos como esse. Esse tipo de video é muito util pra mim que estou estudando Js, eu descubri varias coisas que eu não utilizava em meus codigos, a forma que você utiliza funçoes e utiliza o seletor de objetos (qurySelectorall) abriu a minha mente para varia possibilidades e simplicidade de fazer codigos mais curtos e objetivos com facil modificação. Deus abençoe sua vida irmao sucesso!

@nicollasfernandes4315 Год назад

sim mano nunca pensei em criar uma funçao para dar setError para economizar linhas

@oistaili 2 года назад

muito obrigado pelo aula irmão!!

@mateuscosta1269 3 месяца назад

nao consigo "enviar" os dados. Mesmo os dados nos inputs contendo os criterios de validação, o botao enviar nn os envia. Como resolvo?

@ViaAutodidata 2 месяца назад

Opa, descobriu? estou com o mesmo problema...

@pedrocfreitas Год назад

porq toda vez que clico pra validar, algum função para de funcionar? estou colando a validação no mesmo botão em dois "onclik" separado por ; ....

@aprendizdefunileiro9281 Год назад

fala Gustavo blz, qual tema de cores você utiliza ?

@eduardoborgesgg Год назад

depois que eu fiz as alterações meu botão de enviar não está mais funcionando, sabe me dizer o por que?

@guilhermemillersilva6016 Год назад

Estou tentando fazer para telefone mas não estou conseguindo

@fbelfort_ Год назад

Ganhou uma inscrita! Excelente conteúdo, didática simples e compreensível. Estou criando um form pra um website e após a validação ele não vai pra página principal do site, já rodei meio mundo e não consegui resolver, quem puder dar uma mãozinha eu fico agradecida!

@mayconrocha8723 5 месяцев назад

Sensacional demais Gustavo.

@_opredolive_ Год назад

Mas como que envia dps?

@nandorace 2 года назад

Faltou no submit colocar a função no textarea e no type radio

@klebercoelho99 Год назад

simplesmente obrigado, estava realmente precisando disso, estava com dificuldade em um projeto do meu curso e esse vídeo me ajudou muito!!!

@matheusprogramador Год назад

Um dos poucos fora o Guanabara que explicam muito bem! Tirou muita onda irmão!

@treinonossodecadadia8014 Год назад

cara, do que adianta um video inconclusivo. o cara validou e ai? como envia o formulario? a parte mais importante nao fez

@levisanches1636 Год назад

@@treinonossodecadadia8014 cara... um passo de cada vez, o tema do vídeo é sobre validação. se for o caso ele faz a continuação depois mostrando o envio e etc.

@treinonossodecadadia8014 Год назад

@@levisanches1636 kkk e tipo vc ensinar o cara a dirigir pelo video game. Qual a função de um formulário? Enviar msg, a parte mais importante n fez kk ainda acha normal

@gildasiooliveira8915 4 месяца назад

Excelente!

@peter8796 Год назад

cara, no caso eu ja to com meu projeto conectado ao banco, so que quando eu clico para enviar o formulario nao acontece nada, e tbm nao salva, alguem sabe me dizer oque eu faço?

@paulovictorrodrigues5994 Год назад

Remove o e.preventDefault() do seu script e no botão no html coloca propriedade type="submit"