Discussion on "How to Build a Contact Form with JavaScript and NodeMailer"

Victoria Lo · 2020-08-19T10:58:41.373Z

Hello everyone! This article is dedicated to Oluwaseun Dabiri, as requested. I'm quite busy this week to write on a short moment's notice but I somehow managed to write and build this mini project. If you are reading this, I hope it helps. I didn't h...

Thanks for the blog post, Victoria. I just want to point out that the link to the article in Step 5.2 on port numbers is broken.

Updated! Thanks Marsh Mallow for kindly letting me know ;)

Is there a reason using a different action than "send" in the form would not work even if though I change to fetch api to fetch from the new action?

Also thank you so much for this post, it has been very helpful

Hi Jonathan Obi, you have to change both fetch and server-side side if you want to rename the action to something else. It is not mandatory that it is "send"

Thank you very much for sharing this!

However, I have a small wonder. The code (completely copied from your example, with the only exception being the credentials) returns 405 Method Not Allowed. The error is generated by fetch() in index.js, so server.js never runs.

The result is the same regardless of whether Live Server or Parcel server is used. However, by changing to node's server and to transporter.sendMail in the code, testing of the server.js file is succesful.

Have spent a few days on the matter, would be extremely grateful if you could point out the way (hints from articles like https :// blog.airbrake.io/blog/http-errors/405-method-not-allowed and the like do not help).

Thank you!

Turns out Victoria Lo's code works great. Using node, solely.

I tried the solution here, as my own didn't seem to work. When Victoria's solution didn't work either, I became suspicious. Still I can't yet satisfactory answer my own question. But at least for new/old developers who found their way to javascript bundlers point out that local "help-servers" like Live Server and Parcels own don't always work as expected. Warnings and shown errors, does not necessarily mean that the code is "wrong". The mail-area is also not the only one where middlewares does not behave as expected. The matter is apparently known, and discussed on forums like GitHub.

So a reminder to myself, before spending weeks with endless troubleshooting and youtube videos: test the solution locally with node's own server first (alternatively on a web host). If the code then does not work, and only then, do I actually know that the error lies in the own code. Unfortunately, it is difficult to avoid bundlers such as gulp, parcel or webpack, but I can't trust them to much.

Again, thank you Victoria Lo for sharing your solutions and experiences!

I seem to be getting this error every time I attempt to submit the form data.

Uncaught (in promise) SyntaxError: Unexpected token E in JSON at position 0 VM713:1

Any idea what is causing it?

Hi Victory, i really enjoy your work, time and energy to make great articles on your blog.

I would buying you a cup of tea but you don't have a paypal option, so that have to wait :). i have a question about the nodemailer with js. If i try the code, the only email adres that works in the browser is the EMAIL that i set in the env. file. How can i make the code work so it accepts other adresses? Have a great day. Winston

ps.

Other email adresses give the following response: '553 5.7.1 < -------@gmail.com>: Sender address rejected: not owned by user 3@7316314' in the terminal.

if any one wants to participate and help, so please!

Thanks!

Hi Winston H. Muijs, so the sender email can only be one but the receiver email can be multiple, comma-separated.

Please refer to the Nodemailer documentation here. Hope that helps! Cheers!

Hi Victory, i changed sender to from in my code in my mail const - and that did the job. Thanks for the help !! 🫖👍🏻Victoria Lo

Hey Victoria thank you for your fantastic work im right now studying front end and found your tutorial but i get this error: POST igorljevak.com/send 404

the site is published on that domain

i hope you find time and can help me :D

Hi Igor Ljevak, thanks for reading. Yes, I removed the demo site as there were people spamming me emails everyday. I will update the blog to let everyone know the demo site has been removed. Thanks!

Victoria Lo i didn't mean that :D I get that error when i follow the tutorial. its something with the part domain.com/send

my site is published on a domain and in the JS i write domain.com/send, but get the "error: POST 404"

Hello, first of all thanks a lot for sharing this to us!

I am pretty new using servers in js, especially using express, could you help me out managing what to display after the mail has been sent, I would like to keep my form page but only changing the button style instead of going to the blank page with "Email successfully sent to recipient!" but I can't figure out how to, please help me if you have time to

Hi Darys! Thanks for reading!

Instead of:

res.status(200).send("Email successfully sent to recipient!")

Replace with:

res.status(200).json({status: 'success'})

And it will not go to a blank page.

Thank you so much ! You actually did save me

I learnt a lot from this, thanks for sharing!

thank you so much victoria....

Discussion

How to Build a Contact Form with JavaScript and NodeMailer

Responses(9)

Recent in Forum

Search Hashnode

How to Build a Contact Form with JavaScript and NodeMailer

Responses(9)

Recent in Forum