How To Make Working Contact Form With JavaScript | Receive Form Data On Email

[@GreatStackDev]

2024 Updated tutorial: 👉kzbin.info/www/bejne/Y3nIkpedpNZ9baM

[@albertlgaard3238]

Still doesn't work for me. Are you certain that this solves the problem?

[@raaychillluvsyouh]

In google account settings I can only find “2-step verification.” I created an app password with it but it still comes up with the error message

[@GreatStackDev]

if you have authentication error this one solve the issue

[@GreatStackDev]

instead of ("Message Sent Successfully") just add (message) so you will get the alert of error message if any

[@everythingsoothing414]

@easytutorials I am not getting the email in my gmail, i can only see the email from the Log on the elastic email

[@xilado4254]

For those who asked themselves why it was working Months ago but not now...Due to hacking attacks SMTPJS is no longer trusted by every mail provider besides one no name commercial provider, furthermore has Google changed their privacy rules...to third party programms its no longer permitted to access the email via smtp, but it works perfectly fine with other ones like outlook and gmx

[@DominicNweze]

Dammn. All these bloody bastard hackers just be making things harder for humans.

[@GreatStackDev]

please check the pinned comment, it will work with gmail

[@benox1]

Can you help me? I really dont understand how i make a securetoken with outlook because the smtpjs token doesnt work (probably because of the hacking attacks)

[@chrometaweb]

Its not working for me, what exactly do i have to do @xilado4254

[@oapazbal]

Since May 30th 2022, Google has changed its política about the access from no secure apps.

[@shamanthsimha1006]

Sir u r really amazing. I see your videos and, I am building a website including the topics of your videos to my requirements. I can go on smoothly by your toturial and even I am a beginner to Web development. I like ur videos so much. Thankyou

[@strammereblintine8278]

Hello I sir I'm from 6th class. I have done a full website course (30%) in my school but I'm interested in more things I'm requesting u to plz make a full html, css and javascript course it will be liked

[@Anand_Acharya]

🤣

[@AhsanM-i9s]

Thankyou so much you ease my problem finally otherwise i tried since 10 days and no result now the the things are running so smoothly.

[@GreatStackDev]

I'm so glad! Thank You. Keep coding.😊

[@saltech2024]

Well explained, that's the magic of JavaScript But I'm not receiving any mail

[@shaadhashmi6773]

must read

[@jr2ceo607]

SAme followed step by step and got nothing

[@everythingsoothing414]

@@jr2ceo607 me too

[@SavageAssShells]

Did anybody In this thread find a solution

[@ebanesojo3362]

Literally am going from using Ableton to soft and tNice tutorials helped trendously as a beginner. Thank you so so much for tNice tutorials!!

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@AshutoshKaushal]

Same here bro from logic to web development XD

[@devinm8128]

Omg same, I have like 15 years of Ableton experience and started web dev like 6 months ago. Hope your learning is going well!

[@omenworks]

Embedding SMTP credentials (username and password) in the client-side code is a security no go!

[@ositaphillips2200]

LOVE from Nigeria....thank you always sir.

[@GreatStackDev]

You are very welcome

[@skillwithgodspower]

@@GreatStackDev can I get Id by name. Not by email. Is it compulsory to be email.

[@skillwithgodspower]

@@GreatStackDev And for the local host or server. The password is it my gmail password

[@educateme067]

Watched many videos yet couldn't get any useful info. Thanks a million bro.

[@An-yh2bl]

If you have your password in the JS code, then isn´t it just easy to hack? I haven´t completed a project using this method for subscription form but it seems weird to me that the password is in the JS code.

[@sire906]

For most of you that’s complaining that it’s not working your can use emailjs it works perfectly I use that too and for security you can add a little protect with dotenv

[@Nebuchadnezzar3]

Can you please elaborate

[@royallan3491]

Start at 11:06 if you have a styled form already

[@anuprai4408]

Great!!

[@elizabethpereiramendes6407]

I was struggling with this concept so much, you explain everything perfectly. Thank You!!!!!!!!

[@francofyzz1340]

its a prank

[@ananddivine3785]

Not working 😭

[@alejandroblanco2154]

@@ananddivine3785 check my answer below

[@alejandroblanco2154]

@@francofyzz1340 check my answer see if it helps above

[@davindersingh-ev8lu]

Thank you I needed this in my personal project. Quite simple steps to follow.

[@zurieltemmy]

hello, the username and password you entered, is it for your gmail account or smtp account ?

[@mahfujhossain4276]

probably this is the first time I am facing hard time to do the coding because here not everything is detailed what he did in the easy tutorials.

[@rmahajan107]

Very Informative. Can you please also tell how to add recaptchaV2/V3 on this form?

[@awaznipi2709]

great, i have a nightmare with my contact form for weeks now. hope this works for long. thanks

[@redemptionifeanyi1396]

Thanks for sharing this knowledge with us I really appreciate your work. Please I have a request, can you please teach us how to create a form that sends confirmation code and pin when properly filled out? I hope to hear from you soon, keep up the good work :)

[@LodDOmniscient]

those are server side functionalities you can use firebase it eases the need to learn server side languages

[@lordphemstar]

@@LodDOmniscient thanks for this responses... can you kindly share a video tutorial that can teach how to use that on google with me here or my email if you dont mind

[@11KV]

Before We have to create a gmail host address or simply write our email and password in that section ?

[@evilshadow17]

OMG, the last part was amazing, thank you for all the info!

[@simoncraggs1238]

Very helpful in the setup, but I have another host for SMTP other than Elastic Email. How can i get/make a JavaScript address to allow my other host?

[@a_hi9856]

I think that this is the world easiest way for html contact form Heads off to you😇 Thnk you very much

[@GMP93]

Never do this on the client side, you have to do this on the backend otherwise you will leave a big security issue

[@lei2101]

what do you mean by that? Can you explain?

[@GMP93]

@@lei2101 he hard coded the smtp credencials on the client side. even if it was a limited api, it should create some kind of url with some kind of hash with expiration and limitations, something like aws recommends for client side uploads to aws s3

[@lei2101]

@@GMP93 thanks

[@justinspanos4382]

Do you know any tutorials on how to add it to the backend? I'm new at all of this

[@dltmdgnswkd9403]

저도 좀 알려주세요 궁금해요

[@ptzzycool]

I wish to thank you for all these wonderful video tutorials. They are very easy to follow and I can be able to achieve the end result smoothly without any problem. However, only with this particular tutorial, I'm facing a bit of a hick-up here where, I fill the form and when I click on the submit button, the success message shows up but the message does not show up in my email inbox. That is the only problem. How can I fix this up? Thanks.

[@SiamThai19]

watching from Thailand ♥ Thank you for teaching

[@sixtusushahemba9419]

Thank you for sharing such a useful knowledge with us🙏🏻

[@adnanhaider6303]

it is very very amazing thank you so much sir i am trying for 2 months to make this type of message sender but you have posted the video thanks alot sir❤

[@APD254]

Incredibly amazing. Thank you so much for this great tutorial. Im learning alot from you. I want to be a great developer like you also one time soon. Amen to that for me🙏🏾

[@yaredhaile9322]

keep practicing and you get there bro!

[@javohirbozorboyev3112]

I don't like it at all. I need help

[@DejanPavlovic-tu8vj]

and 1 year later what did u become?

[@xgod314]

@@DejanPavlovic-tu8vj nice pov 😅!

[@dmufdmuffy5413]

You’re the best teacher on here from video last I have watched so far thank you and keep the good works I have learnt a lot from you videos

[@ashmeetaroravlogs]

Only elastic email is supported as an SMTP host ?

[@york2301]

Same,.

[@winnerferdinand1065]

I'm so grateful to easy tutorials.🙂😀

[@GreatStackDev]

Glad you like them!

[@everythingsoothing414]

@@GreatStackDev Please Help me as i am not getting ant email in my gmail and i have created d elastic email account

[@god_of_the_gods7]

I have an issue. While the alert("Message sent successfully") is showing, no actual mail gets to my email. Do you have any idea, why that is the case? I have copied your HTML code exactly doing something different only in CSS.

[@akeemhutchinson2303]

I am having the same issue

[@atulsomkuwar5671]

In my case not even showing alert also not getting email

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@Turkish277]

Please use a php contact form or send me an email and send you a right code.

[@satishbind2246]

Same issue

[@nainikarroy2073]

YOU are a great teacher I hope you do well in your future

[@samithajayawardana456]

A 'return' statement can only be used within a function body in line 10

[@kithdimadaya123]

Can you send me the code you have

[@SoulStitch1111]

You make it all look so easy. I've triple checked, it isn't working for me as a test on gmail. I don't get any error messages and only when I added a "message" in the field did I get anything. It said successful but I've not received any email. I've tested it on several email accounts. What ever happened to using mailto: on a submit button?

[@SoulStitch1111]

@Elias Productions then there should have been a message of the rejection or a request on the password, I would think. Thanks

[@walaress]

Thanks for the content! I'm having an issue: the "return" statement in the form tag is generating an error. "A 'return' statement can only be used within a function body". Do you know how to fix this?

[@shaikbavajan1146]

facing same problem . can you find any solution then reply me bro

[@discogamingking8844]

i also plz help me

[@a_hi9856]

I also got this problem but notice that it doesn't create any kind of problem in your code. It still working well

[@md.tanvir8066]

I have the same problem.

[@shaadhashmi6773]

@@md.tanvir8066 must read!

[@tchippat7634]

He is a great teacher . Very well explained. !!!!!!!!!!!!!!!!!!11

[@devyanipatil9961]

It shows the error that "Only elasticemail is supported as an SMTP host".

[@essayedgar]

He shows how to use ElasticeMail instead of Gmail at the end of the video. SMTPJS only supports ElasticeMail nowadays

[@xyzw1850]

@@essayedgar Thanks a lot buddy!

[@juanamuom2125]

yes then if you fix code there is nothing

[@adammorudo9297]

Thank you so much fro your helping.

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@Shenal_Nimsara]

I did it but it didn't worked.can you explain this in a long video

[@akki_the_tecki]

how did u explained this complex thing in a very short form.. I am struggling for this since days... OMG your awesome mannn!!!!! keep it up!

[@akki_the_tecki]

No its not but dng with elastic email. I does! actually i fllwd anthr video, i got this frm there

[@MAA-op4gw]

This is NOT a secure way of sending emails, beware, brothers.

[@VYR4Z]

Why man ???

[@ShubhUSinha]

Yes

[@Sandy-fg]

​@@VYR4Zyou are giving away your password

[@Nax-0000]

It's not safe because it from front end, this most done with back end lik php, You can see the source code for your email and password

[@amanmahato4297]

Thanks bro now I'm confident

[@epbeats1330]

Can you please add subtitles to the videos? Maybe I can understand what you are saying with automatic translation into Turkish. I love watching your videos. Thank you

[@xudayfitechoffiaicl5125]

How if i help you is oky or not

[@sajjadhossain8684]

Thank you so much sir .I'm learning alot from you. Love from Bangladesh.....

[@m4dd0x_]

Mailbox name not allowed. The server response was: Envelope FROM ' Sender_Email (user's) ' email address not allowed.

[@erikmoxley5927]

this is my error I'm getting also.

[@m4dd0x_]

@@erikmoxley5927 Yeah Buddy You just have to use your own EMAIL ADDRESS in FROM section ... The email address You've login in ElasticMail.

[@sonammurarkar961]

Hello team, people are facing issues with the SMTP , you should explain it step by step, that is the only unique quality of the project

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@medra001]

I tried this, its not working. When I click on the send button, it just reloads. No message that indicates if it is sent. And also I don't receive the message in my email. Please, what should I do to correct that

[@ritishkumarpandit173]

i have also tried it does not worked

[@aniruddhabhosale6715]

Same

[@fairypadgett9515]

Yeah I don’t know what’s going on, I’m using notepad ++ followed everything and it’s still now sending to my email nor is it popping up saying that it was sent. I don’t know what’s wrong

[@ruchachavan1283]

guys try to rename this like-- xyz.php not html

[@shameemanoushadali7413]

May be you missed anything in your functions

[@yours_positively]

Love from Chennai.. Awesome tutorial I learning daily a new one...

[@GreatStackDev]

Thanks Sasi

[@theloyalstuff]

it's not working just reloads the page when i clicks on submit

[@aniruddhabhosale6715]

Same mine too

[@4ngel222]

Now only elasticemail works, but thanks bud, it was helpful!

[@azora.s]

what are the changes that are required when using the elasticemail? its not working for me

[@4ngel222]

@@azora.s elasticemail works but I kept getting this error once I click on send "The SMTP server requires a secure connection or the client was not authenticated. The server response was: 5.5.1 Authentication Required"

[@aruproy2983]

Can you bring complete project based on laravel 8.

[@_Prit_Patel_]

Super useful project ever sir, 👍 thank you so much 👍😘

[@GreatStackDev]

Most welcome 😊

[@timhoward5]

@@GreatStackDev It doesn't work at all.

[@frontendzonedotcom]

But password is exposed to frontend anyone can see by inspect

[@coderceo9324]

do you know how to imporve that? code obfuscation can be one method but now a days smart people deobfuscate js code easily any other method

[@Tarun_Kotagiri]

@@coderceo9324 smtp js is providing a way to authenticate user by providing a security key instead of plain credentials. This plus js obfuscation is ✌🏻

[@Anthony-mi6rh]

Just send the email to a email address hosted on your own server instead of gmail and have your servers email address forward the email to your gmail address which you can access on your phone/pc.

[@codasticpark]

guess you didn't see the video until the end where he says about the data encryption

[@SOUprogrammer]

@@codasticpark they just saw half of video

[@vladimiruchiha4420]

i can't thank you enough, you really helped me on this

[@hkgeek2408]

Okay the Tutorial was great and easy however it put your mail id at risk. Dear viewers kindly don't use this if you going to put your website online.

[@jamesyancharas]

whats that, you mean the email adress u use?

[@hkgeek2408]

@@jamesyancharas I meant the API information. If anybody inspected the source they can find this API information easily. Once they do they can use the username and password

[@vix_editz]

To improve security Change this To In password field.

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@essayedgar]

For everyone struggling with this, make sure you check what errors the console outputs when you submit the form. You should be able to fix most, if not all of your issues this way. If not, ask me and I'll try to help!

[@Wes.loyalty]

sup, can you help me with this "The SMTP server requires a secure connection or the client was not authenticated. The server response was: Authentication required"?

[@essayedgar]

@@Wes.loyalty Sure, I actually had this issue myself too. You get that error message when you’re trying to send an e-mail from an unverified e-mail account. As you can imagine, it’d be pretty damaging to society if one could send an e-mail from someone else’s e-mail name. So they require you to verify it through ElasticeMail. The video actually explains this incorrectly which caused us to have this issue. Verify a domain (if you own it) or a specific e-mail, then use that e-mail (or domain) in the “From” field. Then add the input from your website’s “email” field into your body

[@nourserwy856]

Hello sir, can you please explain me what I have to fill into the gaps username and password? From which account are the username and password?

[@essayedgar]

@@nourserwy856 Hi, sure. It’s the username & password for your ElasticeMail account. If you intend to make your website publicly accessible, make sure to encrypt your username & password

[@ITInventory-g3r]

Uncaught SyntaxError: Invalid shorthand property initializer This is the error showing in console. please help

[@Comtrust]

Thank you so much for this concept

[@tanushkaagarwal9302]

This is not working I even did the app password thing. Everytime I click send the page gets refreshed please help me

[@ashleybangbang6807]

same, did you get it fixed?

[@tanushkaagarwal9302]

@@ashleybangbang6807 No

[@saurabhkharwar4637]

Elastic mail bhi work nahi kr raha bro mera kisi ko pata h kya problem ho skti hai?

[@MatthewA1106]

I cant wait to get SMTP credentials from inspect element :)))

[@murphykalu3493]

thank you so much for this great tutorial,i m having issue understanding the smtp username and password,how it work together with gmail recipient address.

[@AdsCity24]

Hey thank a lot for this tutorial. I've been following all the ways in this video. And in my case, I got the alert that "Message sent succesfully". But I don't see in my Gmail inbox. I may have missed something...

[@sharkyboi6018]

same...

[@QuantumJumperTv]

Amazing very technical... This is not understandable for normal people like me.

[@imsidrock]

Easy & Knowledgable .. Thanks buddy

[@delli_papilio8250]

Hello. Thank you very much for this video. I have a problem. Messages are sent but not received by mail. Could you suggest what is the problem?

[@kabir2190]

now did you received?

[@Diego105r]

Do I need to put my website online at some hosting to make this work? Or it will with opening browser locally?

[@upendradasari5564]

Your sharing really , a good stuff man.thanks a lot...

[@GreatStackDev]

thanks Upendra

[@Hamcap57]

Thanks for the video! What should I use for my personal website then?

[@xudayfitechoffiaicl5125]

Pro from somalia I am your fan

[@MuttuswamiVenugopalIyer]

Jahapanah tussi great ho

[@monikachauhan2787]

Thank you so much sir for this helpful video 😊 Sir after send button , it gives the error of a secure connection or the client was not supported. Sir please tell 🙏🏻

[@jyotihande231]

yes

[@emmanuelezeigbo659]

Tips This is how I solved the problem *I went to manage your Google account *Then I went to security *Then I went to create app password or something like that ... Just scroll down *Then they'll ask you to write the name of the app then you input a custom name *They'll show you a password... Make sure that you copy it cus that's the password you're going to use in your code... It's going to be a mixture of letters and numbers though Then try again I hope this helps ✌️

[@oluwatobiadewoye6089]

@@emmanuelezeigbo659 I can't find anything like create app password

[@emmanuelezeigbo659]

@@oluwatobiadewoye6089 go to security and scroll down

[@oluwatobiadewoye6089]

@@emmanuelezeigbo659 Thank you very much, it worked 👏🏽

[@SwahiliSpicE]

Hi, thanks for this. Is this safe to enter your password? And why is the smtp service free?

[@SUmar-we4cj]

thank u so much .. and how to send that data to more than one person/Gmail ?????? please reply

[@sonya7009]

thank you for such a useful tutorial

[@Hu6uinho]

Thank you,, very helpful, One thing more, do you know how to add a captcha? You know that bots or worst malwares could be sent.

I just received one email and I tried it again but email is not coming through. Did I missed something? By the way, thank you for the video. It is very useful.

[@GreatStackDev]

instead of ("Message Sent Successfully") just add (message) so you will get the alert of error message if any

[@GreatStackDev]

yes registered email id is username for elasticemail. but you can try other smtp provider too

[@prakhar8670]

Bro it is very useful

[@muhammadsafvankv9394]

Pls make a video for form validation. In javascript

[@btsupdate8222]

amazing thank you its very informative....

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@Roqeebakindele]

thank you very much

[@monisali_official_30]

Thank you sir Mene form page to baba liya hai But mail nahi ja rha hai Uske liye domain chahiye kya Mail me send kr rha hoo bt nahi ja rha Bahut baar try kiya plz rply

[@GreatStackDev]

yes SMTP configured PHP server is requires for send email. But can test it on free web hosting 000webhost

[@electroash4233]

Question: Can we put the same email for Username and To please tell me

[@markholding7558]

Great video thank you

[@GreatStackDev]

Glad you enjoyed it

[@owensofcode]

This was so helpful Thanks alot

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@fuad01]

My like was no 10,000 🎉🥳👍🏾

[@DhruboBari]

Thanks for the tutorial !

[@visheshupadhyay7309]

Thankyou bro thankyou very much❤❤

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@Rubel_Mahmud75]

Love From Bangladesh 🥰

[@daniel.vela.artista]

Why does not work? Thanks

[@therio6637]

Congratulations for 800k subs ❤

[@shahrukhtemori7502]

Thank you, thank you very much.

[@xg_nepali8942]

Thank you so much brother, It's helps me a lot. ❤

[@aditya.playscodm]

Actual video starts 11:12 Thank me later

[@unexploredfootsteps5904]

Been waiting for this video for a while. Thanks for the tutorial!

[@mikeysano6830]

please full video about password and additional email

[@bayes_tech]

Hello! I do love your videos a lot and it has really been working for me a lot. most of my completed project was done with your videos I watch... thanks for that. but pls, this contact form, I tried mine following your video but it isn't working. pls, how can you be of assistant. i need to submit this project by Wednesday. I hope to here hear from you soon and thanks in advance

[@charusharma7872]

Flappy Birds Game Using Python With Source CODE kzbin.info/www/bejne/eWGraXdtactgj9U

[@BJHSSkills]

Do we need a hosting software to send form to our email address ??