How to Make Working Contact Form using Javascript | Receive Form Data on Email

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024
  • How to Make Working Contact Form using Javascript, Receive Contact Form Data on Email, How to Make Working Contact Form with Javascript, Contact Form HTML CSS, Contact Form Send Email Javascript, Contact Form HTML CSS Javascript, Working Contact Form, Contact Form to email, Contact Form with Validation & Success Popup
    Click For More: / @codehal
    Website:
    codehalweb.com/
    -------------------------------------------------------------------
    Get Source Code from here and support me ❤
    www.buymeacoff...
    Get Source Code by PayPal
    ko-fi.com/s/b8...
    🔔 Subscribe Now!
    / @codehal
    Related Videos:
    1. How to Create a Website using HTML and CSS Step by Step Tutorial | Website Design
    • How to Create a Websit...
    2. How To Make A Website With Login And Register | HTML CSS & Javascript
    • How To Make A Website ...
    3. How To Create A Website With Login And Register | HTML & CSS & Javascript
    • How To Create A Websit...
    4. How To Create A Website With Login | HTML & CSS
    • How To Create A Websit...
    5. Login Form in HTML & CSS
    • Login Form in HTML & CSS
    Start Project From Scratch (include email regex)
    drive.google.c...
    SMTPJS:
    smtpjs.com/
    Elastic Email:
    elasticemail.com/
    SweetAlert2
    sweetalert2.gi...
    Codehal
    -------------------------------------------------------------------
    #css #cssanimation #csseffect #codehal
    -------------------------------------------------------------------
    Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use.

ความคิดเห็น • 104

  • @staceyle8212
    @staceyle8212 10 หลายเดือนก่อน +8

    This helped me so much. THANK YOU. This is easily the best tutorial I've seen on this!

  • @NetMediaCCTV
    @NetMediaCCTV 2 หลายเดือนก่อน

    Thanks for your sharing!

  • @certes7920
    @certes7920 หลายเดือนก่อน

    Did anyone notice inconsistency in the mails sent ? On my end, using the same code, sometimes the form is sent immediately, sometimes after about 30seconds, and sometimes it is not sent at all!

  • @teamjourney976
    @teamjourney976 2 หลายเดือนก่อน

    i can not send my gmail but it send smtp dashboard. whats the problem boss?

  • @danielhevier2891
    @danielhevier2891 9 หลายเดือนก่อน +1

    Hello, I have a problem 12:09, there is no pop-out "OK", once I clicked the send button and no email received. I followed the code exactly, please advise me

    • @DexterAvejero
      @DexterAvejero 9 หลายเดือนก่อน +1

      same problem bro!

    • @sabbir5935
      @sabbir5935 7 หลายเดือนก่อน

      same problem dude
      @@DexterAvejero

    • @The_Hustler9.
      @The_Hustler9. 3 หลายเดือนก่อน

      It has been going well to me? Check the code (js )well and check whether u have done right call function and name of the consts and function.

    • @milotxh
      @milotxh 6 วันที่ผ่านมา

      I been having same issue I think they want u to pay to use service which is $29 A month

  • @AIEnthusiasm
    @AIEnthusiasm 10 หลายเดือนก่อน

    bro ada tutor buat web hanya html dan css versi lengkap nya ?

  • @EgzonAvdyli-bq1be
    @EgzonAvdyli-bq1be 4 หลายเดือนก่อน

    errorr in bodymessage how to fix?

  • @Rodri.-Perez
    @Rodri.-Perez 7 หลายเดือนก่อน +2

    Hi! This line of the code it's no working and idk why: if (email.value != "")

  • @bucksh0tdev
    @bucksh0tdev 2 หลายเดือนก่อน +1

    security problems.... view source and boom

  • @Chamsddineofficial
    @Chamsddineofficial 10 หลายเดือนก่อน +4

    Bro, it is good, but I think I have a problem with this smtpjs because always it says as alert " failure sending email." Why does this happen.
    And I have verified mail .because I did like you .
    Tnx
    Pls answer my question

    • @RiarddHalimi
      @RiarddHalimi 10 หลายเดือนก่อน +1

      same porblem

    • @jeanmendy2208
      @jeanmendy2208 10 หลายเดือนก่อน

      Make sure you put the good code and your mail 3 times on the javacript code

    • @MohdsohailUddin-sv5wz
      @MohdsohailUddin-sv5wz 9 หลายเดือนก่อน

      In your google account the 2 step verification should be on

    • @Chamsddineofficial
      @Chamsddineofficial 9 หลายเดือนก่อน

      I did like what he did exactly.

    • @hayrapetyannn
      @hayrapetyannn 8 หลายเดือนก่อน

      i have the same problem, i have 2 step verification and the good code but cannot fix the problem

  • @NolyDeSousaGómez
    @NolyDeSousaGómez 5 หลายเดือนก่อน +1

    Paso a paso, letra a letra. No funciona. Buen tutorial, pero no logro que funcione y lo cierto es que se ha verificado el correo y todo el proceso, pero no funciona ni el script ni el correo... No encuentro el posible fallo. Si me pudieran ayudar quedaría muy agradecido. Un saludo

  • @Royal_vox
    @Royal_vox 6 หลายเดือนก่อน +1

    I didn't see the transformation of the work cuz your vscode window was blocking it all the way. At least your browser should have had a resize fitting screen to show the transformation 😢😢😢😢😢

  • @IlieAlexandruFlorea
    @IlieAlexandruFlorea 7 หลายเดือนก่อน +1

    Hi! I don t understand why but somehow one hour later i can send emails blanket, even if i have the condition in java, mail not to be send if it s smth incorrect

  • @williamkyaw516
    @williamkyaw516 10 หลายเดือนก่อน +4

    THANK YOU SOO MUCH! Just what i needed to finsih my CV

  • @Muhendisbirii
    @Muhendisbirii 7 หลายเดือนก่อน +1

    We dont have host, we are working project at local what can we do?

  • @milotxh
    @milotxh 5 วันที่ผ่านมา

    My biggest issue is connecting to server

  • @valuetraveler2026
    @valuetraveler2026 10 หลายเดือนก่อน +1

    Cool. Implemented it no fuss. Id pay for a captcha or better Clean Anti.Spam variant which works for all languages.

  • @osmanmohammed4345
    @osmanmohammed4345 19 วันที่ผ่านมา

    were i get the emial verfication place

  • @希兒芙樂艾
    @希兒芙樂艾 10 หลายเดือนก่อน +2

    Hi, the message show successfully but I receive nothing in my gmail, how to solve this problem?

    • @a.k_shefoo7704
      @a.k_shefoo7704 9 หลายเดือนก่อน

      Me 2😢

    • @ariel_joe
      @ariel_joe 9 หลายเดือนก่อน +2

      I received my email in my spam, you should check yours too.

    • @beast3772
      @beast3772 9 หลายเดือนก่อน

      Thanks bro
      @@ariel_joe

    • @a.k_shefoo7704
      @a.k_shefoo7704 9 หลายเดือนก่อน

      @@ariel_joe Nothing yet😥

  • @pritam_mondal
    @pritam_mondal 10 หลายเดือนก่อน +16

    Nothing show in gmail

    • @pritam_mondal
      @pritam_mondal 8 หลายเดือนก่อน +1

      @@Yurusaii can explain briefly?

    • @Tani55
      @Tani55 7 หลายเดือนก่อน +3

      Bro check it on spam

    • @marvelliciousedits998
      @marvelliciousedits998 หลายเดือนก่อน

      @@Tani55 you saved me hours , thank you !

    • @prindamuthukrishnan4134
      @prindamuthukrishnan4134 หลายเดือนก่อน

      ​@@Tani55This one word saves my time thanks a lot :)

  • @arasyidk1279
    @arasyidk1279 9 หลายเดือนก่อน +1

    i couldn't get it work , there is no pop-out "OK" once I clicked Send and no e-mail received. i followed the code exactly on javascript. Will it work on VS Studio preview or need something else to support it before it can send e-mail successfully? am I missing something ?

    • @hamza_hasnat_hbk
      @hamza_hasnat_hbk 8 หลายเดือนก่อน

      same problem with me, but the code works after I restart my computer.

    • @paolojoaquinzarateazorsa8395
      @paolojoaquinzarateazorsa8395 7 หลายเดือนก่อน

      I thought the same, you need to check on your spam box

  • @divyanshkhandelwal5191
    @divyanshkhandelwal5191 4 หลายเดือนก่อน

    If somebody has coded it, can they please give me the link to it? I have done everything correctly, but nothing is working in my project, maybe because I was already building it without this video and made different types of forms with other classes. If anybody can give their source code, it would be highly helpful to me.

  • @stefaniacristini
    @stefaniacristini 5 หลายเดือนก่อน

    Hallo, I did everything is in this tutorial, and bought the code to be sure was no error on it. But still i need your help to understand somenthing:
    when i submit the message in smpt it counts how many time was submitted the button, but i don't receive the mail, what could i've made wrong? please help

  • @butterfly7673
    @butterfly7673 2 หลายเดือนก่อน

    Source code please

  • @petervajda1864
    @petervajda1864 6 หลายเดือนก่อน

    im no expert. But if you do it this way. cant someone with just inspecting your website get your private key and send emails in your name. Im not shure but i think this is a big security issue

  • @computerdevice-q7n
    @computerdevice-q7n 2 หลายเดือนก่อน

    sir why my email not verified I follow all these steps that you can include this video.

  • @AnamariaFlorea-pz6qg
    @AnamariaFlorea-pz6qg 7 หลายเดือนก่อน

    i ve found the issue. I forgot to set off the autocomplete. Long live the debug. now i don t know why my page is not refreshing after sending the message

  • @neighbor_lucy
    @neighbor_lucy 6 หลายเดือนก่อน +1

    감사합니다.

  • @Serious_Im
    @Serious_Im 2 หลายเดือนก่อน

    Thgis tutorial is very simple and informational THANK YOU!

  • @daniellarodriguez312
    @daniellarodriguez312 5 หลายเดือนก่อน +1

    No funciona. 😔

  • @imileke3014
    @imileke3014 9 หลายเดือนก่อน +6

    Good tutorial, but it's not advisable to use this approach for online projects as it exposes sensitive data on the client-side browser

    • @emmzytee6447
      @emmzytee6447 หลายเดือนก่อน

      So what do you suggest, please I need it for a project

    • @imileke3014
      @imileke3014 หลายเดือนก่อน

      Unlimited submission and safe to use

  • @GhostSec-qq4ue
    @GhostSec-qq4ue 10 หลายเดือนก่อน +1

    Thank you!! I received help with the video!!!!

  • @AzurTheGreat
    @AzurTheGreat 4 หลายเดือนก่อน

    Thank you bro. It helped a lot, keep it up

  • @Nate-rs1ex
    @Nate-rs1ex 5 หลายเดือนก่อน

    you are the best! Thank You Very Much. GOD BLESS you

  • @Mansisawant7
    @Mansisawant7 7 หลายเดือนก่อน

    Why the info received @spam? ?

  • @owenparedes4587
    @owenparedes4587 7 หลายเดือนก่อน

    is it really going on the spam in the email?

  • @danielneallatest3984
    @danielneallatest3984 8 หลายเดือนก่อน

    I received the mail but the the successful message didn't pop up. What could be the problem?

    • @NeckoChibi
      @NeckoChibi 7 หลายเดือนก่อน

      put the sweetalert script in head instead of body. It should resolve your issue :)

  • @marcoanjos6545
    @marcoanjos6545 8 หลายเดือนก่อน

    hello, what theme is this you are using on VS Code? Thanks for the video!

  • @niitpatole7744
    @niitpatole7744 9 หลายเดือนก่อน

    showing alert data is successfully recived but not able to get mail on my registered email id
    any one can help me out

    • @deep.dialogue
      @deep.dialogue 9 หลายเดือนก่อน

      It sent on my spam, have u checked urs?

  • @Saabir-e9o
    @Saabir-e9o 8 หลายเดือนก่อน

    you accept marriage propsals?

  • @nahmadulakbar9867
    @nahmadulakbar9867 10 หลายเดือนก่อน +1

    I like it🔥

  • @hamza_hasnat_hbk
    @hamza_hasnat_hbk 8 หลายเดือนก่อน

    Hello what to if I need to add attachment button also?

  • @kosterferiwala.official
    @kosterferiwala.official 10 หลายเดือนก่อน +1

    Best One I've Ever Watched🥰.

  • @certes7920
    @certes7920 หลายเดือนก่อน

    That was really helpful thanks.
    I think I understood 70% of your JS code, I'll try to sit and have a careful read so fully understand what I'm writing.

    • @tobiff4489
      @tobiff4489 หลายเดือนก่อน

      Hello bro
      Mine isn’t working

    • @certes7920
      @certes7920 หลายเดือนก่อน

      Hi, try to follow his code carefully and slowly, and watch for any spelling mistakes (I did a couple and it was hard to find what was wrong!) Even though it's a 30min video it should take you about 2h.

    • @certes7920
      @certes7920 หลายเดือนก่อน

      Before you start again try to copy/paste your code to chat gpt and ask what's wrong with the code, it can be really helpful

  • @davidduarte7982
    @davidduarte7982 9 หลายเดือนก่อน

    Hello, look, I'm doing it the same but when I press the button it doesn't do anything, it doesn't send the email, could you help me?

    • @mah_tech
      @mah_tech 9 หลายเดือนก่อน

      same issue here!

    • @deep.dialogue
      @deep.dialogue 9 หลายเดือนก่อน

      It sent on my spam, have u checked urs?

  • @abdullahnoyon7041
    @abdullahnoyon7041 3 หลายเดือนก่อน

    wow ❤

  • @chenuladulnith2285
    @chenuladulnith2285 10 หลายเดือนก่อน

    How to create social media webpage
    Please ❤

  • @marlonchaves4567
    @marlonchaves4567 5 หลายเดือนก่อน

    Genial 👍

  • @andreabrandetti2560
    @andreabrandetti2560 7 หลายเดือนก่อน

    Thank you very much. Usefull as always!

  • @AnupamGupta-e7x
    @AnupamGupta-e7x 7 หลายเดือนก่อน

    Bro email recieved in spam folder how to prevent it

    • @The_Hustler9.
      @The_Hustler9. 3 หลายเดือนก่อน

      Bro on the same mail u Received, u can see a option to not mark as a spam folder click that it will automatically goes to inbox as default mail ❤😊

  • @althoff342
    @althoff342 10 หลายเดือนก่อน

    hello, I have followed the tutorial, but why don't I receive incoming emails to my email account

    • @beast3772
      @beast3772 9 หลายเดือนก่อน

      Same

    • @deep.dialogue
      @deep.dialogue 9 หลายเดือนก่อน

      It sent on my spam, have u checked urs?

    • @soulhunter223
      @soulhunter223 8 หลายเดือนก่อน

      @@deep.dialogue Thank u so much!!! lol thats the answer

  • @MiracleTechDev
    @MiracleTechDev 5 หลายเดือนก่อน

    Thanks

  • @TraderSam96
    @TraderSam96 10 หลายเดือนก่อน +4

    Nice one, please also include measures to prevent robots from sending messages constantly overloading your hoster and crashing your email/website

    • @abdulkarim018
      @abdulkarim018 10 หลายเดือนก่อน

      Use a rate limiter

    • @emmzytee6447
      @emmzytee6447 หลายเดือนก่อน

      And how do I do that?​@@abdulkarim018

  • @Compli1212
    @Compli1212 10 หลายเดือนก่อน +3

    Thanks u sir for this video. This was the sixth video like this in a long time

  • @21AD93
    @21AD93 6 หลายเดือนก่อน

    Amazing, helped with my project!

  • @anstorm_dev
    @anstorm_dev 8 หลายเดือนก่อน

    17:58

  • @jeffgarcia-p8r
    @jeffgarcia-p8r 10 หลายเดือนก่อน

    thank you so much its working

  • @jkspeaks9069
    @jkspeaks9069 10 หลายเดือนก่อน

    I likeeeeeee it my brother ❤

  • @MuneebBhai-e1n
    @MuneebBhai-e1n 9 หลายเดือนก่อน

    Best Video Bro

  • @MelaninMagicwithDami
    @MelaninMagicwithDami 6 หลายเดือนก่อน +1

    This is the absolute best and easiest tutorial i've watched. It doesn't get better than this honestly.
    Thank you so much

  • @user-hm1ld3bg3g
    @user-hm1ld3bg3g 10 หลายเดือนก่อน

    Nice work!!

  • @soulhunter223
    @soulhunter223 8 หลายเดือนก่อน +1

    Your email is probably at spam

  • @Tani55
    @Tani55 7 หลายเดือนก่อน

    Thanks bro 🙏

  • @user-pp1ef3il6l
    @user-pp1ef3il6l 9 หลายเดือนก่อน

    No doubt best video from all I have seem on this theme.