html实现密码手机找回,找回密码.html

找回密码

$axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };

$axure.utils.getOtherPath = function() { return 'resources/Other.html'; };

$axure.utils.getReloadPath = function() { return 'resources/reload.html'; };

发送验证码

60秒后可重发

重发验证码

下一步

2.设置新密码

1.验证手机号码

找回密码

< 返回



手机验证成功

手机号码不能为空

手机号码格式不正确

该手机号码不存在

验证码不能为空

验证码不正确



验证码发送成功

找回密码-验证手机号：

1. 用户进入【找回密码】页面，顶部显示第一步“1.验证手机号码”，第二步“2.设置新密码”。第一个输入框是“手机号码输入框”，有提示文字“请输入注册手机号码”，，用户点击对应输入框显示光标，输入内容时，提示文字消失。

2. 注册手机号码输入框下方是短信验证输入框，并且带有提示文字“请输入短信验证码”，用户点击对应输入框显示光标，输入内容时，提示文字消失。

3. 短信验证码输入框右方有“发送验证码”按钮，呈蓝字白底。点击按钮，若用户未输入手机号，则弹出提示“手机号码不能为空”。(在展示原型中点击“发送验证码”按钮选择“手机号码不能为空”查看效果)

4. 点击“发送验证码”按钮，若用户未正确输入手机号码格式，则弹出提示“手机号码格式不正确”。(在展示原型中点击“发送验证码”按钮选择“手机号码格式不正确”查看效果)

5. 点击“发送验证码”按钮，若用户未输入已被使用过的手机号码，则弹出提示“该手机号码已被占用”。(在展示原型中点击“发送验证码”按钮选择“该手机号码已被占用”查看效果)

6. 点击“发送验证码”按钮，若用户正确输入手机号码，满足成功发送短信条件，则弹出提示“验证码发送成功”，同时“输入验证码按钮”显示倒计时“xx秒后可重发”，按钮呈现灰色，用户不可点击。倒计时逻辑是从60秒开始向0倒数，0秒后按钮转化成“重发验证码”按钮(在展示原型中点击“发送验证码”按钮选择“切换为倒计时状态”、“切换为重新发送状态”、“验证码发送成功”查看对应效果)

7. 用户点击“重发验证码”按钮后，弹出提示验证码发送成功，并且同时进入倒计时状态。

8. 用户成功正确填写验证码之后，点击“下一步”蓝底白字按钮，显示提示文字“手机验证成功”，页面自动前往第二步【设置新密码】页面。(在原型中点击“下一步”按钮再点击“注册成功”预览效果)

一键复制

编辑

Web IDE

原始数据

按行查看

历史

html实现密码手机找回,找回密码.html相关推荐

手机怎么查看已经记住的WiFi密码?手机查看wifi密码三种方法介绍（图文）
有时候用过的wifi密码手机自动保存了,但在想知道wifi密码是多少,相信很多人都不记得了,或者在使用其他人的WiFi时,密码突然忘记了.怎么办呢?手机怎么查看已经记住的WiFi密码?下面脚本之家小编 ...
计算机怎么删除手机密码,手机锁屏密码忘记，要怎么清除锁屏密码？
一般来说,在设置手机锁屏密码时,我们都会同时设置指纹和密码,但是,一般我们更经常使用的都是指纹解锁.有时候时间长了,就很容易忘记锁屏密码,这是要怎么办呢?下面我们就一起来看看如何高效的解决这一问题吧. ...
手机android id修改密码,手机锁屏密码忘了？一个方法搞定
今天,我们就分几种情况来解决这个难题. 如何清除苹果手机的锁屏密码你有手机注册时的ID和密码: iTunes软件界面那很好办,如上图,电脑上下载iTunes软件进行恢复出厂即可,这样就可以清除密码. ...
手机计算机怎么恢复出厂设置密码,如何找回手机锁屏密码？
原标题:如何找回手机锁屏密码? 世界上最遥远的距离不是我站在你面前你却不知道我爱你,而是手机明明在手上偏偏忘了锁屏密码! 我们总是会有犯傻的时候,比如突然想到一个数字觉得还不错,于是想着给手机改个密码 ...
苹果手机如何找回id密码_iPhone手机ID总是忘记密码，轻松一招帮你找回，原来这么简单...
大家在使用iPhone手机的时候忘记登录密码怎么办?忘记之后手机中的游戏以及保存的重要照片.文档全部都要丢失.未来快速找回这些数据,下面教大家一个轻松找回ID密码. 方法一:首先打开[查找iPhone ...
手机卡服务器密码忘记了怎么修改密码,wifi密码忘记了怎么办找回密码手机怎么修改自家wifi密码...
家庭使用WiFi连网,基本上设置过一次后,下次会自动连接到手机上,时间久了之后我们可能自己也忘记密码是多少,如果使用WiFi感觉越来越卡,很可能是有人蹭网.那么,wifi密码忘记了怎么办找回密码,手机 ...
android华为账号登陆,华为手机怎么找回华为账号密码？华为账号密码两种找回方法...
忘记华为账号密码真的是一件让人头疼的事,账号绑定的游戏进不去.喜欢的主题无法下载,真是让人干着急,别担心,小编这就整理了一些如何找回华为账号密码的方法,一起来了解下吧! 方法一通过华为官方链接找回密 ...
华为手机锁屏密码找回
忘记锁屏密码的不在少数吧,本人及同事就是刚设定了密码,然后就提示密码不对了.. 蛋疼~! 重置手机是解决的办法,但是手机上的个人数据也会丢失,这样损失挺大的. 经过摸索,终于找到一个完美的解决办法,嘎 ...
给个华为服务器账号和密码忘了怎么办啊,如果忘记了华为手机的账号密码怎么办，该如何找回密码呢...
在生活中使用手机的时候有时候会不小心忘记了手机的账号密码,如果忘记华为手机的账号密码真的是一件让人头疼的事,没有账号的话,很多应用都玩不了,尤其是手机账号绑定的游戏进不去.喜欢的主题无法下载,真是让人 ...
计算机考试qq用户找回密码,找回QQ密码_详细讲述QQ密码找回教程方法【图文】-太平洋电脑网PConline-太平洋电脑网...
QQ号码对于现在大多数人来说就如我们的手机号码一样重要,而QQ密码是QQ的重要保障.QQ密码忘记后,找回QQ密码就必不可少,那么QQ密码怎么找回?怎么快速找回呢?下面我就分享下QQ密码找回的几种高几率 ...

html实现密码手机找回,找回密码.html

html实现密码手机找回,找回密码.html相关推荐

最新文章

热门文章