如何通过JavaScript在前端实现发送电子邮件的功能？

本文共计1725个文字，预计阅读时间需要7分钟。

您为什么不愿意通过发送电子邮件传递信息？不使用数据库就能接收到传入的消息，这对绝对是最优选择，也是用户最方便的选择。但问题来了——如何实现呢？你可能认为需要使用某种后端语言。

你为什么不通过发送电子邮件传输信息？

不使用数据库就能接收到传入的消息，绝对是最佳选择，也是最方便用户的选择。但问题来了—如何实现呢？你可能认为需要使用某种后端语言。

实际上，你不必使用任何如 php 或 python 这种后端语言，你甚至不需要用到 node.js！

你需要的就是一个简单的EmailJS库。

本文将介绍下面两个重要功能:

• 配置 emailjs 帐户
• 使用 JS 发送电子邮件

请注意，在我的项目中，我使用了 gulp 和 webpack，我在 src 文件夹存放源码，dist 存放最终发布版本的代码。

我将分 5 个步骤向你展示如何从头开始构建电子邮件发送器。

步骤1-用 HTML 创建表单

首先需要创建一个 HTML 表单。你不必放置像 required 或 max 这种验证属性，因为稍后，preventDefault() 函数将在你的提交事件上运行，它会让这些属性的处理失效。

表单中最重要的是为每个输入放置 name 属性，后面会用到。