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

Sdílet
Vložit
  • čas přidán 14. 11. 2023
  • 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.buymeacoffee.com/codehaly...
    Get Source Code by PayPal
    ko-fi.com/s/b87c75ad6c
    🔔 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.com/file/d/1vDNH...
    SMTPJS:
    smtpjs.com/
    Elastic Email:
    elasticemail.com/
    SweetAlert2
    sweetalert2.github.io/
    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.

Komentáře • 88

  • @williamkyaw516
    @williamkyaw516 Před 7 měsíci +4

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

  • @staceyle8212
    @staceyle8212 Před 7 měsíci +7

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

  • @Serious_Im
    @Serious_Im Před 3 hodinami

    Thgis tutorial is very simple and informational THANK YOU!

  • @GhostSec-qq4ue
    @GhostSec-qq4ue Před 7 měsíci +1

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

  • @MelaninMagicwithDami
    @MelaninMagicwithDami Před 4 měsíci +1

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

  • @Nate-rs1ex
    @Nate-rs1ex Před 2 měsíci

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

  • @andreabrandetti2560
    @andreabrandetti2560 Před 4 měsíci

    Thank you very much. Usefull as always!

  • @kosterferiwala.official
    @kosterferiwala.official Před 7 měsíci +1

    Best One I've Ever Watched🥰.

  • @NetMediaCCTV
    @NetMediaCCTV Před 2 hodinami

    Thanks for your sharing!

  • @user-tq6dd5uz1g
    @user-tq6dd5uz1g Před 7 měsíci

    thank you so much its working

  • @user-hm1ld3bg3g
    @user-hm1ld3bg3g Před 7 měsíci

    Nice work!!

  • @Compli1212
    @Compli1212 Před 8 měsíci +3

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

  • @jkspeaks9069
    @jkspeaks9069 Před 7 měsíci

    I likeeeeeee it my brother ❤

  • @AzurTheGreat
    @AzurTheGreat Před měsícem

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

  • @Tani55
    @Tani55 Před 4 měsíci

    Thanks bro 🙏

  • @valuetraveler2026
    @valuetraveler2026 Před 7 měsíci +1

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

  • @neighbor_lucy
    @neighbor_lucy Před 3 měsíci +1

    감사합니다.

  • @nahmadulakbar9867
    @nahmadulakbar9867 Před 8 měsíci +1

    I like it🔥

  • @21AD93
    @21AD93 Před 3 měsíci

    Amazing, helped with my project!

  • @user-hs9li3kg1r
    @user-hs9li3kg1r Před 7 měsíci

    Best Video Bro

  • @user-te5ot7fg9k
    @user-te5ot7fg9k Před 4 měsíci +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

  • @MiracleTechDev
    @MiracleTechDev Před 3 měsíci

    Thanks

  • @marcoanjos6545
    @marcoanjos6545 Před 6 měsíci

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

  • @pritam_mondal
    @pritam_mondal Před 7 měsíci +14

    Nothing show in gmail

    • @pritam_mondal
      @pritam_mondal Před 5 měsíci +1

      @@I1Ido. can explain briefly?

    • @Tani55
      @Tani55 Před 4 měsíci +2

      Bro check it on spam

  • @abdullahnoyon7041
    @abdullahnoyon7041 Před 13 dny

    wow ❤

  • @user-pp1ef3il6l
    @user-pp1ef3il6l Před 7 měsíci

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

  • @Rodri.-Perez
    @Rodri.-Perez Před 5 měsíci +1

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

  • @hamza_hasnat_hbk
    @hamza_hasnat_hbk Před 5 měsíci

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

  • @TraderSam96
    @TraderSam96 Před 7 měsíci +4

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

  • @Muhendisbirii
    @Muhendisbirii Před 4 měsíci +1

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

  • @marlonchaves4567
    @marlonchaves4567 Před 2 měsíci

    Genial 👍

  • @arasyidk1279
    @arasyidk1279 Před 6 měsíci +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 ?

  • @stefaniacristini
    @stefaniacristini Před 2 měsíci

    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

  • @owenparedes4587
    @owenparedes4587 Před 4 měsíci

    is it really going on the spam in the email?

  • @Coding-storytelling-gaming
    @Coding-storytelling-gaming Před 7 měsíci +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 Před 7 měsíci +1

      same porblem

    • @jeanmendy2208
      @jeanmendy2208 Před 7 měsíci

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

    • @MohdsohailUddin-sv5wz
      @MohdsohailUddin-sv5wz Před 7 měsíci

      In your google account the 2 step verification should be on

    • @Coding-storytelling-gaming
      @Coding-storytelling-gaming Před 7 měsíci

      I did like what he did exactly.

    • @hayrapetyannn
      @hayrapetyannn Před 6 měsíci

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

  • @imileke3014
    @imileke3014 Před 7 měsíci +5

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

  • @AIEnthusiasm
    @AIEnthusiasm Před 7 měsíci

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

  • @danielhevier2891
    @danielhevier2891 Před 6 měsíci +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

    • @user-fq6yi5fu3f
      @user-fq6yi5fu3f Před 6 měsíci +1

      same problem bro!

    • @sabbir5935
      @sabbir5935 Před 5 měsíci

      same problem dude
      @@user-fq6yi5fu3f

    • @The_Hustler9.
      @The_Hustler9. Před 20 dny

      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.

  • @Royal_vox
    @Royal_vox Před 3 měsíci +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 😢😢😢😢😢

  • @chenuladulnith2285
    @chenuladulnith2285 Před 7 měsíci

    How to create social media webpage
    Please ❤

  • @Mansisawant7
    @Mansisawant7 Před 4 měsíci

    Why the info received @spam? ?

  • @AnamariaFlorea-pz6qg
    @AnamariaFlorea-pz6qg Před 4 měsíci

    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

  • @user-hx2ic8dh1v
    @user-hx2ic8dh1v Před 2 měsíci +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

  • @EgzonAvdyli-bq1be
    @EgzonAvdyli-bq1be Před 2 měsíci

    errorr in bodymessage how to fix?

  • @user-ps7qg7ed2i
    @user-ps7qg7ed2i Před 7 měsíci +2

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

  • @petervajda1864
    @petervajda1864 Před 3 měsíci

    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

  • @davidduarte7982
    @davidduarte7982 Před 7 měsíci

    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 Před 7 měsíci

      same issue here!

    • @ChillnChews
      @ChillnChews Před 7 měsíci

      It sent on my spam, have u checked urs?

  • @danielneallatest3984
    @danielneallatest3984 Před 5 měsíci

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

    • @NeckoChibi
      @NeckoChibi Před 4 měsíci

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

  • @anstorm_dev
    @anstorm_dev Před 5 měsíci

    17:58

  • @althoff342
    @althoff342 Před 7 měsíci

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

    • @beast3772
      @beast3772 Před 7 měsíci

      Same

    • @ChillnChews
      @ChillnChews Před 7 měsíci

      It sent on my spam, have u checked urs?

    • @soulhunter223
      @soulhunter223 Před 5 měsíci

      @@ChillnChews Thank u so much!!! lol thats the answer

  • @daniellarodriguez312
    @daniellarodriguez312 Před 2 měsíci +1

    No funciona. 😔

  • @divyanshkhandelwal5191
    @divyanshkhandelwal5191 Před měsícem

    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.

  • @user-xp8tx1ck3z
    @user-xp8tx1ck3z Před 4 měsíci

    Bro email recieved in spam folder how to prevent it

    • @The_Hustler9.
      @The_Hustler9. Před 20 dny

      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 ❤😊

  • @butterfly7673
    @butterfly7673 Před 8 dny

    Source code please

  • @niitpatole7744
    @niitpatole7744 Před 7 měsíci

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

    • @ChillnChews
      @ChillnChews Před 7 měsíci

      It sent on my spam, have u checked urs?

  • @user-jo4fh9hb9z
    @user-jo4fh9hb9z Před 5 měsíci

    you accept marriage propsals?

  • @soulhunter223
    @soulhunter223 Před 5 měsíci +1

    Your email is probably at spam

  • @dhanrajsolanki7605
    @dhanrajsolanki7605 Před 6 měsíci

    12:15