TapTap标注：登录及注册篇
|
点击⑦微信 icon：
（详情参考微信接口文档） 点击⑧QQ icon：
（详情参考QQ移动应用接入要求） ⑨ 验证码悬浮框
（验证码悬浮框） 成果描写：用户输入所吸取到的6位数字验证码，举办验证码的验证，验证通过则登录乐成。 交互声名： 验证码悬浮框弹出时，配景暗化，视觉上突出验证码悬浮框(灯箱结果），同时在页面底部弹出数字键盘。 （注：验证码悬浮框不能遮挡LOGO） a. 封锁 需求描写：点击，封锁验证码悬浮框，灯箱结果消散，返回至手机登录及注册页面。 b. 手机验证码输入框 需求描写：点击手机验证码输入框，在无数字键盘的环境下，可从手机底部再次弹出数字键盘。 用户在输入字符时，必需按次序从左至右依次输入6个数字，而且会给以用户当前所输入字符的位置提醒，如图所示：
用户输入完6位数字后，且有收集毗连，后端校验，是否切合前提：
若不满意a/b两者前提，则6个输入框边框全变赤色，并以赤色笔墨提醒用户“验证码错误”，如下图所示：
若满意前提，则靠山校验用户身份：
增补声名：
c. 用户手机号码信息提醒 成果描写：向用户提醒短信验证码所发送的手机号码，便于用户举办手机号码的二次确认。 信息提醒： 字符提醒用户验证码已发送至其手机号，名目为”短信验证码已发送至xxxxx“。 示例：“短信验证码已发送至+8611111111111”。 法则限定： 个中，标记数字为用户所提交的国度/地域区号与手机号构成（后端提取）。 d. 倒计时提醒 提醒用户间隔下次获取验证码的及时时刻，不行点击，示例：
倒计时竣事后笔墨提醒变为“再次发送”，可点击，点击”再次发送“，将会再次发送一条新的验证码短信给用户，倒计时竣事后：
法则限定： 假设已发送至用户的验证码短信为X条：
向用户发送高出10条短信的8小时之后，重置发送验证码短信的时刻限定。 3.2.2.2 成果点2：邮箱登录 1）用户场景 用户在未登录状态下，必要举办邮箱登录时。 2）成果描写 用户输入邮箱地点账号及登录暗码举办登录。 断网环境下，可正常跳转、查察此页面。 3）输入/前置前提 须要前提：用户为未登录状态。 点击手机号登录及注册页面中的邮箱登录，跳转至此页面。 4）需求声名
① 封锁 点击，封锁整个登录页面，并返回至之前赏识页面。 ② 邮箱地点输入框 需求描写： 文本框无字符时，文本框笔墨提醒：请输入邮箱地点，如下图所示：
点击文本框，底部弹出英文键盘。 文本框有字符时，表现“清空文本框”按钮 ,若文本框无字符时则潜匿此按钮。点击”清空文本框“按钮可清空文本框内容,如下图所示：
法则限定：邮箱地点名目要求：登录名@主机名.域名。 ③ 登录暗码 需求描写：点击文本框，若手机自带暗码输入的安详键盘，则底部弹出安详键盘，若无则弹出英文键盘。 文本框无字符时，文本框笔墨提醒”请输入登录暗码“，如下图所示：
用户输入字符时，笔墨提醒消散，如下图所示：
点击“或”可切换文本框内字符不行见/可见状态。 代表文本框内的字符为不行见状态，一个斑点代表一个字符，如下图所示：
代表文本框内的字符为可见状态，如下图所示：
法则限定：文本框默以为不行见状态。 ④ 健忘暗码 点击“健忘暗码？”，底部弹出“赏识器”选择页面。 用户选择赏识器，跳转至“https://www.taptap.com/password/email”。 ⑤ 邮箱登录 前端校验：
切合以上要求，登录按钮亮起，即可点击。不切合以上要求，登录按钮变灰，不行点击。 不切及名目要求的登录按钮，不行点击状态：
切及名目要求的登录按钮，可点击状态：
若用户无收集毗连，点击登录，底部悬浮笔墨提醒”登录失败请搜查收集毗连，然后重试”，逗留3s后逐渐消散，如下图所示：
如有收集链接，则提交用户所填写的邮箱地点与暗码，举办后端验证： 登录乐成： 若此邮箱地点存在于后端数据库而且用户所提交暗码与之匹配，则登录乐成，并获取用户信息，返回上级页面。 登录失败：
则登录失败，赤色笔墨提醒”用户名或暗码输入错误，请从头输入“，如下图所示：
⑥ 手机登录及注册 点击跳转至”手机登录与注册“页面。 增补声名：断网前提下，可正常表现此页面。 ⑦&⑧ 第三方登录 需求描写： （编辑：湖南网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
