No video

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

  Рет қаралды 78,382

Codehal

Codehal

9 ай бұрын

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.

Пікірлер: 94
@staceyle8212
@staceyle8212 8 ай бұрын
This helped me so much. THANK YOU. This is easily the best tutorial I've seen on this!
@MelaninMagicwithDami
@MelaninMagicwithDami 5 ай бұрын
This is the absolute best and easiest tutorial i've watched. It doesn't get better than this honestly. Thank you so much
@williamkyaw516
@williamkyaw516 8 ай бұрын
THANK YOU SOO MUCH! Just what i needed to finsih my CV
@Serious_Im
@Serious_Im Ай бұрын
Thgis tutorial is very simple and informational THANK YOU!
@pritam_mondal
@pritam_mondal 8 ай бұрын
Nothing show in gmail
@pritam_mondal
@pritam_mondal 6 ай бұрын
@@I1Ido. can explain briefly?
@Tani55
@Tani55 5 ай бұрын
Bro check it on spam
@marvelliciousedits998
@marvelliciousedits998 7 күн бұрын
@@Tani55 you saved me hours , thank you !
@user-te5ot7fg9k
@user-te5ot7fg9k 5 ай бұрын
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
@Rodri.-Perez
@Rodri.-Perez 6 ай бұрын
Hi! This line of the code it's no working and idk why: if (email.value != "")
@valuetraveler2026
@valuetraveler2026 8 ай бұрын
Cool. Implemented it no fuss. Id pay for a captcha or better Clean Anti.Spam variant which works for all languages.
@Nate-rs1ex
@Nate-rs1ex 4 ай бұрын
you are the best! Thank You Very Much. GOD BLESS you
@GhostSec-qq4ue
@GhostSec-qq4ue 9 ай бұрын
Thank you!! I received help with the video!!!!
@kosterferiwala.official
@kosterferiwala.official 9 ай бұрын
Best One I've Ever Watched🥰.
@NetMediaCCTV
@NetMediaCCTV Ай бұрын
Thanks for your sharing!
@neighbor_lucy
@neighbor_lucy 4 ай бұрын
감사합니다.
@bucksh0tTR
@bucksh0tTR 20 күн бұрын
security problems.... view source and boom
@Muhendisbirii
@Muhendisbirii 6 ай бұрын
We dont have host, we are working project at local what can we do?
@TraderSam96
@TraderSam96 9 ай бұрын
Nice one, please also include measures to prevent robots from sending messages constantly overloading your hoster and crashing your email/website
@abdulkarim018
@abdulkarim018 9 ай бұрын
Use a rate limiter
@emmzytee6447
@emmzytee6447 6 күн бұрын
And how do I do that?​@@abdulkarim018
@andreabrandetti2560
@andreabrandetti2560 6 ай бұрын
Thank you very much. Usefull as always!
@Compli1212
@Compli1212 9 ай бұрын
Thanks u sir for this video. This was the sixth video like this in a long time
@21AD93
@21AD93 4 ай бұрын
Amazing, helped with my project!
@user-uc2vr7ie5v
@user-uc2vr7ie5v 2 ай бұрын
Please could you send me the source code
@AzurTheGreat
@AzurTheGreat 2 ай бұрын
Thank you bro. It helped a lot, keep it up
@Chamsddineofficial
@Chamsddineofficial 9 ай бұрын
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 9 ай бұрын
same porblem
@jeanmendy2208
@jeanmendy2208 8 ай бұрын
Make sure you put the good code and your mail 3 times on the javacript code
@MohdsohailUddin-sv5wz
@MohdsohailUddin-sv5wz 8 ай бұрын
In your google account the 2 step verification should be on
@Chamsddineofficial
@Chamsddineofficial 8 ай бұрын
I did like what he did exactly.
@hayrapetyannn
@hayrapetyannn 7 ай бұрын
i have the same problem, i have 2 step verification and the good code but cannot fix the problem
@Royal_vox
@Royal_vox 4 ай бұрын
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 😢😢😢😢😢
@marcoanjos6545
@marcoanjos6545 7 ай бұрын
hello, what theme is this you are using on VS Code? Thanks for the video!
@imileke3014
@imileke3014 8 ай бұрын
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 6 күн бұрын
So what do you suggest, please I need it for a project
@imileke3014
@imileke3014 4 күн бұрын
Unlimited submission and safe to use
@nahmadulakbar9867
@nahmadulakbar9867 9 ай бұрын
I like it🔥
@user-tq6dd5uz1g
@user-tq6dd5uz1g 8 ай бұрын
thank you so much its working
@jkspeaks9069
@jkspeaks9069 9 ай бұрын
I likeeeeeee it my brother ❤
@computerdevice-q7n
@computerdevice-q7n 29 күн бұрын
sir why my email not verified I follow all these steps that you can include this video.
@MiracleTechDev
@MiracleTechDev 4 ай бұрын
Thanks
@stefaniacristini
@stefaniacristini 3 ай бұрын
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
@user-hm1ld3bg3g
@user-hm1ld3bg3g 9 ай бұрын
Nice work!!
@arasyidk1279
@arasyidk1279 8 ай бұрын
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 6 ай бұрын
same problem with me, but the code works after I restart my computer.
@paolojoaquinzarateazorsa8395
@paolojoaquinzarateazorsa8395 6 ай бұрын
I thought the same, you need to check on your spam box
@user-hx2ic8dh1v
@user-hx2ic8dh1v 3 ай бұрын
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
@danielhevier2891
@danielhevier2891 7 ай бұрын
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 7 ай бұрын
same problem bro!
@sabbir5935
@sabbir5935 6 ай бұрын
same problem dude @@user-fq6yi5fu3f
@The_Hustler9.
@The_Hustler9. Ай бұрын
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.
@teamjourney976
@teamjourney976 Ай бұрын
i can not send my gmail but it send smtp dashboard. whats the problem boss?
@user-hs9li3kg1r
@user-hs9li3kg1r 8 ай бұрын
Best Video Bro
@hamza_hasnat_hbk
@hamza_hasnat_hbk 7 ай бұрын
Hello what to if I need to add attachment button also?
@Tani55
@Tani55 5 ай бұрын
Thanks bro 🙏
@petervajda1864
@petervajda1864 5 ай бұрын
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
@AnamariaFlorea-pz6qg
@AnamariaFlorea-pz6qg 5 ай бұрын
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-ps7qg7ed2i
@user-ps7qg7ed2i 8 ай бұрын
Hi, the message show successfully but I receive nothing in my gmail, how to solve this problem?
@a.k_shefoo7704
@a.k_shefoo7704 8 ай бұрын
Me 2😢
@ariel_joe
@ariel_joe 8 ай бұрын
I received my email in my spam, you should check yours too.
@beast3772
@beast3772 8 ай бұрын
Thanks bro @@ariel_joe
@a.k_shefoo7704
@a.k_shefoo7704 8 ай бұрын
@@ariel_joe Nothing yet😥
@abdullahnoyon7041
@abdullahnoyon7041 Ай бұрын
wow ❤
@user-pp1ef3il6l
@user-pp1ef3il6l 8 ай бұрын
No doubt best video from all I have seem on this theme.
@chenuladulnith2285
@chenuladulnith2285 9 ай бұрын
How to create social media webpage Please ❤
@divyanshkhandelwal5191
@divyanshkhandelwal5191 2 ай бұрын
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.
@owenparedes4587
@owenparedes4587 6 ай бұрын
is it really going on the spam in the email?
@EgzonAvdyli-bq1be
@EgzonAvdyli-bq1be 3 ай бұрын
errorr in bodymessage how to fix?
@Mansisawant7
@Mansisawant7 5 ай бұрын
Why the info received @spam? ?
@marlonchaves4567
@marlonchaves4567 3 ай бұрын
Genial 👍
@AIEnthusiasm
@AIEnthusiasm 8 ай бұрын
bro ada tutor buat web hanya html dan css versi lengkap nya ?
@danielneallatest3984
@danielneallatest3984 6 ай бұрын
I received the mail but the the successful message didn't pop up. What could be the problem?
@NeckoChibi
@NeckoChibi 5 ай бұрын
put the sweetalert script in head instead of body. It should resolve your issue :)
@anstorm_dev
@anstorm_dev 6 ай бұрын
17:58
@davidduarte7982
@davidduarte7982 8 ай бұрын
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 8 ай бұрын
same issue here!
@deep.dialogue
@deep.dialogue 8 ай бұрын
It sent on my spam, have u checked urs?
@butterfly7673
@butterfly7673 Ай бұрын
Source code please
@althoff342
@althoff342 8 ай бұрын
hello, I have followed the tutorial, but why don't I receive incoming emails to my email account
@beast3772
@beast3772 8 ай бұрын
Same
@deep.dialogue
@deep.dialogue 8 ай бұрын
It sent on my spam, have u checked urs?
@soulhunter223
@soulhunter223 7 ай бұрын
@@deep.dialogue Thank u so much!!! lol thats the answer
@daniellarodriguez312
@daniellarodriguez312 4 ай бұрын
No funciona. 😔
@niitpatole7744
@niitpatole7744 8 ай бұрын
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 8 ай бұрын
It sent on my spam, have u checked urs?
@user-xp8tx1ck3z
@user-xp8tx1ck3z 5 ай бұрын
Bro email recieved in spam folder how to prevent it
@The_Hustler9.
@The_Hustler9. Ай бұрын
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 ❤😊
@user-jo4fh9hb9z
@user-jo4fh9hb9z 6 ай бұрын
you accept marriage propsals?
@soulhunter223
@soulhunter223 7 ай бұрын
Your email is probably at spam
How to Make Working Contact Form in React JS
11:12
Codehal
Рет қаралды 8 М.
Советы на всё лето 4 @postworkllc
00:23
История одного вокалиста
Рет қаралды 5 МЛН
Magic trick 🪄😁
00:13
Andrey Grechka
Рет қаралды 34 МЛН
CHOCKY MILK.. 🤣 #shorts
00:20
Savage Vlogs
Рет қаралды 27 МЛН
Form validation using Javascript on the client side for beginners
9:35
JavaScript Academy
Рет қаралды 383 М.
CONTACT FORM in HTML/CSS Website for Beginners (w/ Formspree)
10:04
Coding with Soham Jain
Рет қаралды 29 М.
How to Send HTML Form Data to Gmail Using JavaScript
10:49
Learning Axis
Рет қаралды 53 М.
Create A Contact Form with PHP That Can Actually Send Mails!
26:18
Create a Working Contact Form in HTML that emails you (w/ spam prevention too!)
22:18
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Coding2GO
Рет қаралды 218 М.
ASMR Programming - Animated Login Page - No Talking
18:18
AsmrProg
Рет қаралды 1,5 МЛН
Creating A Contact Form With JavaScript / Nodemailer
37:10
Conor Bailey
Рет қаралды 61 М.
Send Email using HTML + JavaScript (EmailJs Tutorial)
16:30
Code with Voran
Рет қаралды 100 М.
Советы на всё лето 4 @postworkllc
00:23
История одного вокалиста
Рет қаралды 5 МЛН