nodejs实现发送验证码到qq邮箱（附有源码）

最新推荐文章于 2025-06-05 18:43:03 发布
最新推荐文章于 2025-06-05 18:43:03 发布
阅读量4.6k 收藏 18
点赞数 2
CC 4.0 BY-SA版权
分类专栏： node.js 文章标签： nodejs js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u012637258/article/details/52802358
本文介绍了一个用户注册过程中使用的邮箱验证功能实现方式。该方案利用HTML、CSS和JavaScript进行前端页面设计，并通过Node.js进行后端处理，实现了邮箱格式验证、验证码生成及发送等功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HTML内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    <style>
        body,*{
            margin:0px auto;
            padding:0px;
            font-family:"微软雅黑";
        }
        fieldset{
            width:50%;
        }
        label{
            display:inline-block;
            width:200px;
            text-align:right;
        }
        ul{
            list-style:none;
        }
        li{
            line-height:30px;
        }
    </style>
    <script src="js/jquery-1.12.4.js" type="text/javascript"></script>
    <script src="js/email.js"></script>
</head>
<body>
    <form action="/adduser" method="post">
        邮箱：
        <input type="text" name="eml" id="eml" size="40" onblur="check(this)"/>
        验证码：
        <input type="text" name="tel" id="elma"/>
        <input type="button" id="getemails" value="获取验证码" onclick="getemail()"/>
    </form>
</body>
</html>


Javascript内容

function check(obj){
    var reg=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/g;//邮箱验证
    if(reg.test($(obj).val())){
        $(obj).css("border-color","green");
        return true;
    }else{
        $(obj).css("border-color","red");
        return false;
    }
}
function getemail(){
    $("#getemails").attr("disabled",true);
    if(check($("#eml"))){
        var eml= $.trim($("#eml").val());
        $.post("/getlma",{eml:eml},function(data){
            data= $.trim(data);
            if(data=="2"){
                $("#getemails").val("邮件发送成功，点击重新获取").attr("disabled",false);
            }else{
                $("#getemails").val("邮件发送失败，点击再次发送").attr("disabled",false);
            }
        },"text");
    }else{
        return;
    }
}


nodejs内容

var nodemailer=require("nodemailer");
var express=require("express");
var session=require("express-session");
var bodyparser=require("body-parser");
var app=express();


app.use(bodyparser.urlencoded({extend:false}));


app.use(session({
    secret: 'keyboard cat',
    resave: true,
    saveUninitialized: true,
    cookie: {secure:false,maxAge:1000*60*20}
}));


var transporter=nodemailer.createTransport({//邮件传输
    host:"smtp.qq.com", //qq smtp服务器地址
    secureConnection:false, //是否使用安全连接，对https协议的
    port:465, //qq邮件服务所占用的端口
    auth:{
        user:"1137211995@qq.com",//开启SMTP的邮箱，有用发送邮件
    pass:"xifynvwbujdkigia"//授权码
}
});


app.post("/getlma",function(req,res){ //调用指定的邮箱给用户发送邮件
        var code="";
        while(code.length<5){
            code+=Math.floor(Math.random()*10);
        }
        var mailOption={
            from:"1137211995@qq.com",
            to:req.body.eml,//收件人
            subject:"XX注册校验码",//纯文本
            html:"<h1>欢迎注册XX系统，您本次的注册验证码为："+code+"</h1>"
        };


        transporter.sendMail(mailOption,function(error,info){
            if(error){
                res.send("1");
                return console.info(error);
            }else{
                req.session.yanzhengma=code;
                res.send("2");
                console.info("Message send"+code);
            }
        })

})


app.use(express.static(__dirname));


app.listen(8082,function(err){
    if(err){
        console.info(err);
    }else{
        console.info("服务器开启成功。。。");
    }
})

PHPMailer实现发送邮件验证码（附源码）
weixin_44158741的博客
09-15 1920
目录什么是PHPMailercomposer安装服务器和端口号源码调用 什么是PHPMailer PHPMailer是一个非常强大的php发送邮件类，可以设定发送邮件地址、回复地址、邮件主题、html网页，上传附件，使用起来非常方便。 composer安装 composer require phpmailer/phpmailer 服务器和端口号 发送之前需要拥有自己的邮件服务器，根据邮箱类别可能要开启SMTP服务，大部分公共邮箱（163、qq等）为了安全默认是关闭的。 例如： 网易163邮箱 服务
基于NodeJS+Express框架Vue的牛场管理系统设计与实现(源码+论文+PPT+部署文档教程等)
QQ55318293的博客
01-13 778
基于NodeJS+Express框架Vue的牛场管理系统设计与实现(源码+论文+PPT+部署文档教程等)JDK版本:jdk1.8+编程语言: java框架支持：springboot数据库: mysql 版本不限数据库工具：Navicat/SQLyog都可以前端：vue.js+ElementUI开发工具：IDEA 或者eclipse都支持Vue框架是一种基于JavaScript的前端开发框架，它可以和Java后台框架协同工作，开发出前后台分离的应用程序。
NodeJs实现邮箱验证
hmily43的博客
04-15 998
要想实现发送邮件功能，主要是运用nodemailer这个依赖包，官网地址：https://nodemailer.com/about/ utils.js 代码： module.exports = { mail } /** * 发送邮件 * @param {string} to 收件方邮箱 * @param {string} title 内容标题 * @param {string} content 邮件内容 * @param {Function} callback 回调函数（内置参
QQ邮箱发送验证码(Springboot)
最新发布
m0_63569670的博客
06-05 597
在qq邮箱的中选择下开启服务。开启时可能会有短信验证，开启后显示验证码之类的一串英文，复制保存起来，在配置文件中会使用到。
Node.js使用qq邮箱实现邮件发送
navy专栏
09-25 4837
//先需要使用 npm install nodemailer 安装邮件发送的组件 var nodemailer = require("nodemailer"); var transporter = nodemailer.createTransport('smtps://:@smtp.qq.com'); var mailOptions={     from :"", //发信邮箱    
nodejs邮箱验证码
zy1276046082的博客
11-09 145
nodejs实现邮箱验证码
node.js邮箱验证码
weixin_44655037的博客
12-02 487
不废话，直接搞。 我用的是网易邮箱。我们网页上登录网易邮箱，在设置中找到 找到上面的页面后，我们需要吧 lMAP/SMTP服务 POP3/SMTP服务 这个服务都开启，开启后会获得的一个邮箱授权码。 接下来就是在项目上下载我们所依赖的包了 npm install nodemailer -s 下载完成以后 const nodemailer = require('nodemailer'); //发送验证码 function SendVerification(emailCode) { return
基于NodeJS的校园内部点餐运营与数据分析系统设计与实现
QQ55318293的博客
01-13 554
基于NodeJS的校园内部点餐运营与数据分析系统设计与实现JDK版本:jdk1.8+编程语言: java框架支持：springboot数据库: mysql 版本不限数据库工具：Navicat/SQLyog都可以前端：vue.js+ElementUI开发工具：IDEA 或者eclipse都支持Vue框架是一种基于JavaScript的前端开发框架，它可以和Java后台框架协同工作，开发出前后台分离的应用程序。
基于NodeJS的宜家宜业物业管理系统设计与实现全网唯 最新定做
QQ55318293的博客
01-13 853
基于NodeJS的宜家宜业物业管理系统设计与实现全网唯 最新定做JDK版本:jdk1.8+编程语言: java框架支持：springboot数据库: mysql 版本不限数据库工具：Navicat/SQLyog都可以前端：vue.js+ElementUI开发工具：IDEA 或者eclipse都支持Vue框架是一种基于JavaScript的前端开发框架，它可以和Java后台框架协同工作，开发出前后台分离的应用程序。
基于NodeJS+Vue的预约上门维修服务运营与数据分析系统的设计与实现
QQ55318293的博客
01-13 797
基于NodeJS+Vue的预约上门维修服务运营与数据分析系统的设计与实现JDK版本:jdk1.8+编程语言: java框架支持：springboot数据库: mysql 版本不限数据库工具：Navicat/SQLyog都可以前端：vue.js+ElementUI开发工具：IDEA 或者eclipse都支持Vue框架是一种基于JavaScript的前端开发框架，它可以和Java后台框架协同工作，开发出前后台分离的应用程序。
Golang优秀开源项目汇总, 10大流行Go语言开源项目, golang 开源项目全集(golang/go/wiki/Projects), GitHub上优秀的Go开源项目...
weixin_34245082的博客
05-08 7083
  Golang优秀开源项目汇总（持续更新。。。）我把这个汇总放在github上了， 后面更新也会在github上更新。 https://github.com/hackstoic/golang-open-source-projects  。 欢迎fork， star ， watch， 提issue。    资料参考来源：http://studygolang.com/projects 监控...
【源码】实现邮箱发送验证码.zip
07-12
用到的技术有：ajax，springboot，redis，JedisPool，jedis，mail，JavaMailSender等。其中redis数据库来用存储缓存验证码有效的数据，ajax是前端页面的传参。详细敬请再看源码。（注：详细介绍、配置与操作，请看博主的《简单实现邮箱发送验证码》博客。）
发送邮箱验证码 可实现
04-18
亲测可用 可以发送邮箱验证码
Nodejs + Redis 实现发送邮箱验证码及校验功能（流程相对完整）
Crazymryan的博客
05-22 2125
前言某天，突然想到怎么去做一个验证码校验功能呢？怎么校验正确与否呢？回想起，在n多年前第一家公司实习时有一个手机发送验证码的需求，随后后端同学出了一个点子。在前端发送验证码请求之后，直接返回发出去的验证码，然后前端直接对比用户输入的验证码和后端返回的验证码是否一致即可。当时我竟然还觉得挺合理！正确的方式是怎样的呢？以下是本人画的发送验证码及校验阶段流程图（简易版）大致分为如下两个阶段：发送验证码阶...
使用Node.js发送邮箱验证码
weixin_46146740的博客
01-28 2912
在Web应用开发中，用户注册和身份验证是常见的功能之一。为了提高安全性和验证用户的有效性，通常会使用邮箱验证码。本文将介绍如何使用Node.js发送邮箱验证码，以增强用户注册流程的安全性。
nodejs 实现发送邮箱验证码
weixin_43422861的博客
06-14 607
nodejs发送邮箱验证码
node.js实现超简单的邮箱验证码发送
weixin_42966151的博客
03-14 1281
nodemailer模块，实现邮件发送
使用 node 实现邮箱验证
qq_43389371的博客
05-20 1563
使用 node 实现邮箱验证 本来是想使用手机短信认证的方式发送验证码的，但是发现发送手机短信是需要付费的，按条算，而后就改用邮箱实现验证了 首先开启邮箱的 POP3/SMTP 服务 QQ邮箱： 登录你的账号，点击设置 点击账户 向下拉，你会看到，如下图：把POP3/SMTP开启就可以了 当我们点击开启，就会弹出 按照它说的就可以获得一个授权码（自动生成的），而后我们要用到这个授权码，...
nodejs实现邮箱发送验证码及验证码认证功能
Wu_JingYi0829的博客
11-14 2041
【代码】nodejs实现邮箱发送验证码及验证码认证功能。
nodejs发送手机验证码
11-15
Node.js 发送手机验证码通常涉及到两个步骤：前端向服务器请求验证码，然后服务器通过第三方短信服务提供商API生成并发送验证码到指定的手机号码。这里是一个简单的概述： 1. **前端请求**： 使用JavaScript库（如axios、fetch等）向Node.js应用发送POST请求，包含用户输入的手机号码作为参数。 ```javascript const axios = require('axios'); axios.post('/send-verification-code', { phoneNumber: '1234567890' }) .then(response => console.log('验证码发送成功')) .catch(error => console.error('发送失败:', error)); ``` 2. **后端处理**： Node.js接收到请求后，可以执行以下操作： - 验证输入是否合法，并保存手机号； - 调用短信服务的API发送验证码。这一步可能需要安装特定的npm包，比如`twilio`、`nodemailer-sms`等，它们提供了发送短信的SDK。 ```javascript const express = require('express'); const sendgrid = require('sendgrid')({ apiKey: 'YOUR_SENDGRID_API_KEY' }); app.post('/send-verification-code', (req, res) => { const phoneNumber = req.body.phoneNumber; // ...验证手机号格式 const sgMail = new sendgrid\Mail(); sgMail.setFrom('your-email@example.com') .setTo(phoneNumber) .setSubject('验证码') .setText(`您的验证码是${Math.floor(1000 + Math.random() * 9000)}`); sgMail.send().then(() => res.status(200).json({ message: '验证码已发送' })); }); ```
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值