网站常用邮箱找回密码流程插件页面

article/2025/4/20 11:50:28 
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>邮箱验证找回密码</title><link href="css/link.css" rel="stylesheet"><link href="css/layui.css" rel="stylesheet">
</head>
<body><div style="height:100%;"><div class="rebinding-box"><div class="box-title"><h2 class="mtb5">找回密码</h2><i>为了保障您的帐户安全，请谨慎填写</i></div><div class="box-timeline"><ul class="text-center" style="width: 1000px;"><li>输入账号<div class="box-num1">1</div></li><li class="ml45">邮箱验证<div class="box-outside1 outside1ab" id="outside1abs"><div class="box-num2 num2ab">2 </div></div></li><li class="ml45">填写新密码<div class="box-outside2 outside2ab" id="outside2as"><div class="box-num3 num3ab">3</div></div></li><li class="ml45">完成<div class="box-outside3 outside3a" id="outside3as"><div class="box-num4 num4a">4</div></div></li></ul></div><!--第一步--><div class="onebox-form" id="oneform"><div class="oneform"><div class="oneform-box"><label class="oneform-label">登录账号</label><div class="oneform-input"><input id="userName" autocomplete="off" placeholder="请填写要找回密码的帐号"></div></div><div class="onebtn-box"><button class="onebtn" id="onebtn" onclick="fun()">下一步</button></div></div></div><!--第二步--><div class="twobox-form" id="twoform"><div class="twoform"><div class="twoform-box"><div class="newtel"><label class="twoform-label">邮箱</label><div class="twoform-input"><input type="text" id="email" readonly="readonly" placeholder="请输入邮箱地址"></div></div><div class="validatecode"><label class="twoform-label2">验证码</label><div class="twoform-input2"><input type="text" autocomplete="off" id="rndNum" placeholder="请输入验证码"></div><button class="sendcode" id="sendRndnum">发送验证码</button><div class="sendtimer">&nbsp;&nbsp;&nbsp;(<span id="timer1"></span>)s后可重新获取</div></div></div></div><div class="twobtn-box"><button class="twobtn" id="twobtn" onclick="fun1()">下一步</button></div></div><!--第三步--><div class="threebox-form twobox-form" id="threeform"><div class="threeform"><div class="threeform-box"><div class="newtel"><label class="threeform-label">新密码</label><div class="threeform-input3"><input type="text" id="pwd" autocomplete="off" placeholder="请输入密码"></div></div><div class="validatecode"><label class="threeform-label3">确认密码</label><div class="threeform-input3"><input type="text" autocomplete="off" id="repwd" placeholder="请确认输入密码"></div></div></div></div><div class="threebtn-box"><button class="threebtn" id="threebtn" onclick="fun2()">下一步</button></div></div><!--第四步--><div class="fourbox-form" id="fourform"><div class="successr"><div class="symbol"></div><p>恭喜您，修改密码成功！</p></div></div></div></div><script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script><script src="js/layui.js"></script><script>var onebtns = document.getElementById("onebtn");var twobtns = document.getElementById("twobtn");var soutside1ab = document.getElementById("outside1abs");var soutside2as = document.getElementById("outside2as");var soutside3as = document.getElementById("outside3as");var oneforms = document.getElementById("oneform");var twoforms = document.getElementById("twoform");var threeforms = document.getElementById("threeform");var fourforms = document.getElementById("fourform");var timer1 = 60;//倒计时function TimeDown() {$("#timer1").html(timer1);if (timer1 > 0) {setTimeout(function () { TimeDown(); }, 1000);} else if (timer1 <= 0) {timer1 = 61;$("#sendRndnum").css("display", "block");$(".sendtimer").css("display", "none");}--timer1;};$("#sendRndnum").click(function () {var userName = $("#userName").val();var email = $("#email").val();if (email == "" || email == null) {alert("未绑定邮箱");return false;}$("#sendRndnum").css("display", "none");$(".sendtimer").css("display", "block");TimeDown();});///验证账号function fun() {var userName = $("#userName").val();if (userName == "") {alert("请输入要找回密码的账户");return false;}$("#email").val("123067cs@qq.com");soutside1ab.classList.remove("outside1ab");oneforms.style.display = "none";twoforms.style.display = "block";}//验证邮箱验证码function fun1() {var userName = $("#userName").val();var rndNum = $("#rndNum").val();if (rndNum == "") {alert("请输入验证码");return false;}threeforms.style.display = "block";twoforms.style.display = "none";soutside2as.classList.remove("outside2ab");}//修改密码function fun2() {var userName = $("#userName").val();var pwd= $("#pwd").val();var repwd = $("#repwd").val();if (pwd != repwd) {alert("2次密码不一致", { icon: 5 });return false;}fourforms.style.display = "block";threeforms.style.display = "none";soutside3as.classList.remove("outside3a");}</script>
</body>
</html>

 demo下载地址：https://download.csdn.net/download/tanqingfu1/16206203

 


http://chatgpt.dhexx.cn/article/v7ujvNdg.shtml

相关文章

网站漏洞检测之用户密码找回网站漏洞的安全分析与利用

网站漏洞检测之用户密码找回网站漏洞的安全分析与利用

我们SINE安全在对网站&#xff0c;以及APP端进行网站安全检测的时候发现很多公司网站以及业务平台,APP存在着一些逻辑上的网站漏洞&#xff0c;有些简简单单的短信验证码可能就会给整个网站带来很大的经济损失&#xff0c;很简单的网站功能&#xff0c;比如用户密码找回上&…
阅读更多...
网站忘记密码怎么找回?

网站忘记密码怎么找回?

网站忘记密码怎么找回? 两个方法 方法一&#xff1a; 登录数据库&#xff0c;把password 下面的这一串加密串 解密一下。我至今没这样弄过&#xff0c;原理是这样&#xff0c;但是我没找到好用的md5 解密网站。一般的都要收费的。 方法二: 在数据库重置一个简单的密码&#xf…
阅读更多...
网站安全检测之用户密码找回网站漏洞的安全分析与利用

网站安全检测之用户密码找回网站漏洞的安全分析与利用

我们SINE安全在对网站&#xff0c;以及APP端进行网站安全检测的时候发现很多公司网站以及业务平台,APP存在着一些逻辑上的网站漏洞&#xff0c;有些简简单单的短信验证码可能就会给整个网站带来很大的经济损失&#xff0c;很简单的网站功能&#xff0c;比如用户密码找回上&…
阅读更多...
用谷歌浏览器找回历史登陆过的网站的密码

用谷歌浏览器找回历史登陆过的网站的密码

谷歌浏览器找回历史登陆过的网站的密码 本人亲测原因&#xff1a;解决方法&#xff08;谷歌浏览器&#xff09;&#xff1a; 本人亲测 原因&#xff1a; 在做开发时&#xff0c;开发人员大多数登陆各个系统的网站时都会点“记住密码”&#xff0c;下次访问网址时就可以免登陆…
阅读更多...
找回消失的网站网页

找回消失的网站网页

2019独角兽企业重金招聘Python工程师标准>>> Wayback Machine 从1996年以来&#xff0c;就在给整个互联网做备份&#xff0c;现在一共累计了1500亿网页。使用方法很简单&#xff1a;到网页上“Take me back”旁边的那个网址框输入网址&#xff0c;按钮&#xff0c;…
阅读更多...
Chrome浏览器查看、找回保存的网站账户密码

Chrome浏览器查看、找回保存的网站账户密码

1. 问题&#xff1a; 使用Google的Chrome浏览器&#xff0c;登录谷歌账号后&#xff0c;可以保存自己在各个网站的账号和密码&#xff0c;就不需要每次登录时都重新输入。 然而有时候我们清理垃圾时会把密码清除掉&#xff0c;这时如何找回呢&#xff1f; 2.方法 其实即使电…
阅读更多...
Go语言学习笔记

Go语言学习笔记

Go学习笔记 Go学习笔记 Go学习笔记Go语言基础语法行分隔行 一、变量1.1 变量的声明1.2 初始化变量1.4 多个变量同时赋值1.5 匿名变量(_) 二、常量三、基本数据类型3.1 整型3.2 浮点型3.3 布尔型3.4 字符串3.4.1 字符串常见转义符3.4.2 反引号定义多行字符串 3.5 字符 四、数据类…
阅读更多...
【Mark】计算机组成原理

【Mark】计算机组成原理

Contents 计算机系统概论&#xff08;贯穿本书&#xff09;计算机的发展及应用&#xff08;非重点&#xff09;系统总线存储器高速缓冲存储器 计算机的运算方法指令系统 链接 【超详细】计算机组成原理总结及思维导图. 链接 计算机组成原理知识点. 链接 计算机组成原理----思维…
阅读更多...
54_集合类库（上）

54_集合类库（上）

集合类库&#xff08;上&#xff09; 集合的概述&#xff08;重点&#xff09; 集合的由来 当需要在Java程序中记录单个数据内容时&#xff0c;则声明一个变量&#xff0c;本质就是在内存中申请一个小格子&#xff0c;把数据塞进去。当需要在Java程序中记录多个类型相同的数据内…
阅读更多...
[车联网安全自学篇] Android安全之ARM汇编指令集手册「精简汇总版」

[车联网安全自学篇] Android安全之ARM汇编指令集手册「精简汇总版」

也许每个人出生的时候都以为这世界都是为他一个人而存在的，当他发现自己错的时候，他便开始长大 少走了弯路，也就错过了风景，无论如何，感谢经历 0x01 ARM 指令 1.1 ARM架构的CPU简介 PC端领域CPU的老大是Intel，而移动设备CPU老大就是ARM。不同的cpu架构对应不同的指令集…
阅读更多...
论文的排版技巧

论文的排版技巧

在任意中间一页开始插入页码 1.在要插入页码的前一页&#xff0c;插入“分页符”&#xff0c;“插入”-->“分隔符”&#xff0c;选择“分节符类型”中的下一页&#xff0c;如图。 2.在要插入页码的页面&#xff0c;选择“视图”-->“页眉与页角” 去掉“链接到前一个的标…
阅读更多...
软件开发实训（720科技）――第五课：前端css规范

软件开发实训（720科技）――第五课：前端css规范

一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解&#xff1a; 所有的CSS分为两大类&#xff1a;通用类和业务类。通用的CSS文件&#xff0c;放在如下目录中&#xff1a; 基本样式库 /css/core 通用UI元素样式库 /css/lib JS组件相关样式库 …
阅读更多...
word 参考文献插入整理

word 参考文献插入整理

参考文献插入 方法一&#xff1a;使用尾注插入参考文献 1.1. 以尾注的方式插入第一个参考文献 将光标定位于word文档中将要插入参考文献的位置&#xff0c;按“插入/引用/脚注和尾注”。出现一菜单&#xff0c;选择“尾注”&#xff0c;“文档结尾”&#xff0c;编号格式为“1,…
阅读更多...
Word 2010如何对论文中参考文献进行标注

Word 2010如何对论文中参考文献进行标注

Word 2010如何对论文中参考文献进行标注 1.参考文献在论文中进行标注1.1添加标注1.2修改标注“1→[1]” 2.删除参考文献留下的横线3.参考文献对齐参考 在文章中标注参考文献&#xff0c;之前看别人论文进行的参考文献引文标注&#xff0c;感觉特别高级&#xff0c;这项技能早晚…
阅读更多...
WORD 常用操作技巧

WORD 常用操作技巧

word2010首页、目录、正文页码设置方法 2013-07-18 12:11:05| 分类&#xff1a; 实用技巧|举报|字号 订阅 引文来源&#xff1a;http://www.hangxyz.com/display-different-page-number-in-word2010.html 欲在线预览或下载完整教程请访问SkyDrive页面 在用Word编辑说明书、计…
阅读更多...
利用Word实现交叉引用或引用尾注添加参考文献图解

利用Word实现交叉引用或引用尾注添加参考文献图解

from&#xff1a;http://www.office68.com/word/word-reference-add.html 1 利用“交叉引用”加参考文献 1 输入参考文献&#xff0c;如下图 2 选中所有文献&#xff0c;为所选文献统一编号&#xff0c;如下图 3 在正文中需要添加参考文献处添加交叉引用&#xff0c;如下图 4相…
阅读更多...
标明文献引用及文献列表自动生成(尾注交叉引用)

标明文献引用及文献列表自动生成(尾注交叉引用)

摘要&#xff1a; 本文介绍利用Word尾注来注明文献引用&#xff0c;并用交叉引用自动生成文献列表&#xff0c;为论文撰写带来极大便利。最后给出参考文献格式。 撰写论文(或者开题报告或者文献综述)需要在文中标明引用&#xff0c;并生成参考文献列表。一种效率低下的方法&…
阅读更多...
word2016用尾注引用参考文献

word2016用尾注引用参考文献

目录 一、添加参考文献尾注 二、为尾注添加方括号 三、去除尾注横线 四、连续参考文献编号&#xff0c;将[1][2][3]变为[1-3] 五、添加方括号后新增参考文献尾注方括号修改方法 六、多个位置引用同一篇参考文献 一、添加参考文献尾注 1.引用-->尾注栏右下角箭头处-->修…
阅读更多...
论文参考文献添加---word尾注添加

论文参考文献添加---word尾注添加

论文参考文献添加—word尾注添加 坏坏dong小姐 对于广大毕业生童鞋在写毕业论文的时候&#xff0c;最后加参考文献的时候是不是很头疼&#xff1f;格式问题&#xff0c;序号问题。本文通过word2016尾注功能添加参考文献&#xff0c;方便实用。我希望我的实际操作经验能给大家带…
阅读更多...
miniUI设置输入框禁止输入和开启

miniUI设置输入框禁止输入和开启

背景&#xff1a; 用 input标签 enabled"false" 属性设置为禁止输入后js怎么也不开开启输入 错误中的尝试&#xff1a; 解决办法 使用miniUI获取对象&#xff0c;并设置属性就好了 解决代码&#xff1a;
阅读更多...
推荐文章

Copyright @ 2022~2023