estou adorando suas aulas sobre criação de formulários em HTML com CSS! Gostaria de fazer uma sugestão: seria possível você ensinar em um vídeo como criar um formulário utilizando o Bootstrap? Tenho certeza de que sua aula seria extremamente interessante."
só precisa colocar no tutorial para dar um activate form na caixa de entrada do email, para ativá-lo e tirar a parte que esta escrito /ajax tambem, caso contrario não sera possivel ativá-lo
Você ensina muito bem! Só acho que caí no video errado (não tenho nível para entender isso ainda)!! Logo voltarei aqui 😅. Mesmo assim ganhou um inscrito!
Bom dia meu amigo, parabés pelo vídeo. estou com um pequeno problema no meu, quando clico em enviar, ele da como sucesso ao enviar a msg, mas o formulario some, gostaria que ele continuasse visivel, nesse caso para o formulario aparecer novamente a pagina tem que ser recarregada, poderia me ajudar nisso
Esta tudo dando certo, exceto o Required. O formulário ta enviando mesmo estanfo vazio, e olha que eu copiei o seu código do Github e mesmo assim nao funcionou
Ola, obrigado pelo tutorial, tenho uma duvida como faço para quando a pessoa clicar em enviar o código checar se os campos estão preenchidos antes de enviar, o meu esta funcionando tudo ok igual o video mas se eu ficar clicando em enviar ele manda vários e-mails vazio.
e ai Rapaz, curti a sua didática e a aula. Fiz poucas mudanças para funciona no meu código, esta enviando o formulário e esta chegando no email porem ele esta saindo da pagina e apresentando o seguinte "{"success":"true","message":"The form was submitted successfully."}" abraço
Muito obrigdado!!! Vídeo incrível. O meu, quando clica em enviar, vai pra uma página do FormSubmit. É pq e de graça? E ai tem q clicar num link pra retornar pra pagina.
Ele vai para a página do FormSubmit na primeira vez que tenta enviar o formulário. Aquela página informa que foi enviado um link de ativação para o e-mail que você colocou no atributo "action" do . Basta então acessar a caixa de entrada do e-mail (ou caixa de spam) e clicar em ativar que aí nas próximas vezes ele irá fazer o envio do jeito que você configurou, seja abrir uma página de obrigado, seja continuar na mesma página como mostrado neste vídeo. Não se esqueça de usar seu próprio e-mail no atributo "action", pois se usar o meu ou o de alguma outra pessoa você não conseguirá abrir o e-mail e ativar seu formulário.
É um bug do endpoint do FormSubmit, me deparei com isso também. Você pode corrigi-lo criando uma função de validação no JS e invocando a mesma antes de fazer o envio, checando se os campos do formulário não estão vazios (value.length === 0).
Você pode usar uma função no JavaScript para checar se os formulários que possuem required estão vazios ou não, aí você só deixa executarem o método sendForm() se os campos estiverem preenchidos.
Parabéns pelo conteúdo !!! já ganhou novo escrito. uma pergunta como redirecionar para uma pagina de obrigado ao invés de aparecer somente "mensagem enviada"?
@@TigerCodes no minuto 06:40, por exemplo, quando vc vai mexer na função, aparece uma linha ligando a chave que abre até a que fecha. Mas acabei de me ligar que isso não é vscode, e eu utilizo o vscode. Seria muito bom uma extensão dessa.
@@thiagogomes977 No vídeo eu tenho o código inteiro pronto, daí essas linhas que aparecem sozinhas são simplesmente eu apertando Ctrl + Z, revelando o código de trás para frente. O programa é o VS Code, porém eu uso o Modo Zen para gavar (Ctrl + K Z).
Confira se você colocou o seu e-mail certo, algumas pessoas que assistem essa aula colocam o mesmo e-mail que usei no vídeo (meu e-mail) e por isso elas nunca vão ver o e-mail na caixa de entrada delas
Amigo, deu tudo certo.. menos a parte da pagina de confirmação.. nao sei se é pelo fato de meu formulario estar dentro de uma dialog.. mas enfim, gostaria de te perguntar se consigo acrescentar alguma linha de codigo de javascript para receber subjects diferentes (com a hora atual por exemplo) dos que são enviados pelo formsubmit, pois quando recebo os e-mails, eles chegam todos com o mesmo nome e ficam todos juntos no gmail, dificultando a leitura e o manuseio de cada um
Sensacional amigo Parabéns pelo conteúdo. Só uma pergunta, a pessoa que vai receber esse formulário tem que ser sentada no html como vc fez, ou eu posso colocar múltiplos email no mesmo campo?
irmão tem alguma forma de editar a questão da mensagem que aparece, ao invez abrir essa "pagina" com a mensagem, der apenas um alert ou mudar o button para "enviado" . assim da pra adaptar esse formulario em uma landing page. ou algo do tipo. por que supondo que o cliente mande um email, e dai ficar naquela pagina e meio sem sentido kk, mas para forma educacional e perfeito claro...
Opa Yure, tem sim, como mostrei nesse vídeo, quando o formulário é enviado o usuário permanece na mesma página. Ele não vai para uma página de obrigado. Assim que o fetch é finalizado você pode customizar do seu jeito, no vídeo eu simplesmente alterei o HTML interno do form para um h1 com uma mensagem, mas você poderia escrever “enviado” no botão. Depois do fetch, é só colocar: this.formButton.innerText = "Enviado"
Meu professor pediu pra gente fazer um mini formulário dentro, só pra saber se a gente aprendeu( só email e senha ). E vale a nota da prova. Detalhe: Não sei nem HTML ainda... Socorroooooo!
Muito ajudou, mas o required não funciona, se eu enviar sem preencher nada, chega o e-mail com os dados vazios, mas clica em enviar, não era pra enviar por causa do required
![HTML e CSS - Aprenda a criar 5 layouts de sites mais comuns na Internet [FLEXBOX]](http://i.ytimg.com/vi/sSkmBxsaJWg/mqdefault.jpg)
Muito avançado, muito difícil, muito bom. Vou levar um tempo pra entender.
Muito obrigado por ensinar de forma prática! Você está formando bons programadores para web!
Bem explicado links ativos parabéns irmão pelo conteúdo você é top
descobri o meu erro, agora deu certo, tinha que usar o this antes da função e faltou um querySelectorAll valeuuuuuu
estou adorando suas aulas sobre criação de formulários em HTML com CSS! Gostaria de fazer uma sugestão: seria possível você ensinar em um vídeo como criar um formulário utilizando o Bootstrap? Tenho certeza de que sua aula seria extremamente interessante."
só precisa colocar no tutorial para dar um activate form na caixa de entrada do email, para ativá-lo e tirar a parte que esta escrito /ajax tambem,
caso contrario não sera possivel ativá-lo
Você ensina muito bem! Só acho que caí no video errado (não tenho nível para entender isso ainda)!! Logo voltarei aqui 😅. Mesmo assim ganhou um inscrito!
To assim
Muito top esse tipo de formulario!!!
Tá funcionando tudo certinho, o problema é que não está aparecendo a mensagem de "enviado com sucesso".
Salvou minha vida!! Valeeu!
Man conseguiu? o meu deu certo apenas na primeira vez apenas, ele nn conseguiu manda mais nada
Muito bom cara! 👏👏👏👏
Fico feliz que te ajudou Guilherme 🐅
Excelente vídeo, funcionou certinho aqui e ganhou mais um escrito!
Maravilha meu amigo
Muito Bom, agora a função required nao ta funcionando, como faz ?
Bom dia meu amigo, parabés pelo vídeo. estou com um pequeno problema no meu, quando clico em enviar, ele da como sucesso ao enviar a msg, mas o formulario some, gostaria que ele continuasse visivel, nesse caso para o formulario aparecer novamente a pagina tem que ser recarregada, poderia me ajudar nisso
Esta tudo dando certo, exceto o Required. O formulário ta enviando mesmo estanfo vazio, e olha que eu copiei o seu código do Github e mesmo assim nao funcionou
SENSACIONAL!
Fico feliz que gostou 🐅💙
Ola, obrigado pelo tutorial, tenho uma duvida como faço para quando a pessoa clicar em enviar o código checar se os campos estão preenchidos antes de enviar, o meu esta funcionando tudo ok igual o video mas se eu ficar clicando em enviar ele manda vários e-mails vazio.
Vídeo mais perfeito não há
como eu faço pra nao ir para a página de submit dessa lib? quando eu envio ele sai do site
Nota 1000 🚀🚀🚀
Obrigado! Fico feliz que gostou 😊
porque me parece que o video esta ao contrario ?
O meu funcionou certinho, porem no email só chega a mensagem, o nome, email de quem está enviando não. Alguem passou por isso?
e ai Rapaz, curti a sua didática e a aula.
Fiz poucas mudanças para funciona no meu código, esta enviando o formulário e esta chegando no email porem ele esta saindo da pagina e apresentando o seguinte "{"success":"true","message":"The form was submitted successfully."}"
abraço
Boa noite, o meu está da mesma forma. Você consegiu resolver?
Salvou de +++
Que bom que ajudou 🐅
Muito obrigdado!!! Vídeo incrível. O meu, quando clica em enviar, vai pra uma página do FormSubmit. É pq e de graça? E ai tem q clicar num link pra retornar pra pagina.
Ele vai para a página do FormSubmit na primeira vez que tenta enviar o formulário. Aquela página informa que foi enviado um link de ativação para o e-mail que você colocou no atributo "action" do . Basta então acessar a caixa de entrada do e-mail (ou caixa de spam) e clicar em ativar que aí nas próximas vezes ele irá fazer o envio do jeito que você configurou, seja abrir uma página de obrigado, seja continuar na mesma página como mostrado neste vídeo. Não se esqueça de usar seu próprio e-mail no atributo "action", pois se usar o meu ou o de alguma outra pessoa você não conseguirá abrir o e-mail e ativar seu formulário.
Boa noite! Saberia me informar como colocar este formulário dentro de um site numa aba contatos?
pegue o codigo fonte, copie e cole no seu site.
Não estou conseguindo fazer o formulário enviar o email. Não aparece erro nenhum, mas o email não chega. O que fazer?
colocou seu email no action do inicio do form ?
Coloquei sim, o problema não foi esse. Descobri que o projeto deveria "estar no ar" para que ele funcionasse.@@leozim9057
Muito bom seu vídeo, mano.
Gostaria que me informe o nome dessa extensão do VSCode que faz a marcação da função que está em uso, tipo um L virado.
Pow, funcionou muito bem, mas tive um problema: enviando dessa forma o "required" não funciona mais e os campos não são validados.
É um bug do endpoint do FormSubmit, me deparei com isso também. Você pode corrigi-lo criando uma função de validação no JS e invocando a mesma antes de fazer o envio, checando se os campos do formulário não estão vazios (value.length === 0).
@@TigerCodes onde exatament coloca o value.length?
Saberia me dizer como faço para ele só enviar o formulário se estiver válido? Coloquei apenas required nos inputs e type email
Você pode usar uma função no JavaScript para checar se os formulários que possuem required estão vazios ou não, aí você só deixa executarem o método sendForm() se os campos estiverem preenchidos.
Parabéns pelo conteúdo !!! já ganhou novo escrito. uma pergunta como redirecionar para uma pagina de obrigado ao invés de aparecer somente "mensagem enviada"?
Mostro como nesse vídeo aqui: th-cam.com/video/2umsItNQ9mI/w-d-xo.html
tudo lindo só não envia!
Preciso saber qual é essa extensão que cria uma linha ao lado do bloco de código
Em qual minuto do vídeo, Thiago?
@@TigerCodes no minuto 06:40, por exemplo, quando vc vai mexer na função, aparece uma linha ligando a chave que abre até a que fecha. Mas acabei de me ligar que isso não é vscode, e eu utilizo o vscode. Seria muito bom uma extensão dessa.
@@thiagogomes977 No vídeo eu tenho o código inteiro pronto, daí essas linhas que aparecem sozinhas são simplesmente eu apertando Ctrl + Z, revelando o código de trás para frente. O programa é o VS Code, porém eu uso o Modo Zen para gavar (Ctrl + K Z).
eu fiz tudo certinho mas o email não chega, mostra até a tela de mensagem enviada mas não aparece no email de jeito nenhum.
Tente baixar o código da descrição e comparar para ver se encontra o erro 🤔
@@TigerCodes descobri o problema, eu sou muito burro esqueci de ligar o site a internet kkkkkk
mano pode me ajudar: ? mostra que foi enviado porem o email não chega
Confira se você colocou o seu e-mail certo, algumas pessoas que assistem essa aula colocam o mesmo e-mail que usei no vídeo (meu e-mail) e por isso elas nunca vão ver o e-mail na caixa de entrada delas
Amigo, deu tudo certo.. menos a parte da pagina de confirmação.. nao sei se é pelo fato de meu formulario estar dentro de uma dialog.. mas enfim, gostaria de te perguntar se consigo acrescentar alguma linha de codigo de javascript para receber subjects diferentes (com a hora atual por exemplo) dos que são enviados pelo formsubmit, pois quando recebo os e-mails, eles chegam todos com o mesmo nome e ficam todos juntos no gmail, dificultando a leitura e o manuseio de cada um
O meu está com o mesmo problema.
Sensacional amigo Parabéns pelo conteúdo. Só uma pergunta, a pessoa que vai receber esse formulário tem que ser sentada no html como vc fez, ou eu posso colocar múltiplos email no mesmo campo?
Para múltiplos e-mails, acresecente isto:
Cara como tu fez para aparecer a mensagem de enviado com sucesso !
Aquilo é o HTML que o JavaScript injeta, eu mostro no tutorial
irmão tem alguma forma de editar a questão da mensagem que aparece, ao invez abrir essa "pagina" com a mensagem, der apenas um alert ou mudar o button para "enviado" . assim da pra adaptar esse formulario em uma landing page. ou algo do tipo.
por que supondo que o cliente mande um email, e dai ficar naquela pagina e meio sem sentido kk, mas para forma educacional e perfeito claro...
Opa Yure, tem sim, como mostrei nesse vídeo, quando o formulário é enviado o usuário permanece na mesma página. Ele não vai para uma página de obrigado.
Assim que o fetch é finalizado você pode customizar do seu jeito, no vídeo eu simplesmente alterei o HTML interno do form para um h1 com uma mensagem, mas você poderia escrever “enviado” no botão. Depois do fetch, é só colocar: this.formButton.innerText = "Enviado"
@@TigerCodes assim agora eu entendi 🙏🏼 estou na basico do Javascript e fiquei meio confuso nessa parte kkk obrigado mestre !
👏🏼👏🏼👏🏼
😉💙
o meu não funcionou
dar uma olhada nos pontos corretamente , acontece muito cmg . Tenho muita dificuldade por isso .
Meu professor pediu pra gente fazer um mini formulário dentro, só pra saber se a gente aprendeu( só email e senha ). E vale a nota da prova.
Detalhe: Não sei nem HTML ainda... Socorroooooo!
Deu certo?
@@TigerCodes Deu nada! O professor ainda pediu pra meter Java "F"
Não ajudou, só complicou. Essa linguagem não é de Deus. Não é atoa que quem fez ela, era um ateu.
Olá Markq, como posso te ajudar? Também disponibilizo o código da aula na descrição para fins de comparação
Ajudou sim
Muito ajudou, mas o required não funciona, se eu enviar sem preencher nada, chega o e-mail com os dados vazios, mas clica em enviar, não era pra enviar por causa do required
𝓅𝓇o𝓂o𝓈𝓂 💋
O meu ñ deu certo ñ!! 🥲
Olá, você lembrou de colocar o seu e-mail mesmo no atributo action do form?