注册
注册界面分为四步骤,填写手机号、图片验证码——->由手机号和图片验证码获取短信验证码——->填写短信验证码、密码——->注册。
1、如果手机号或未填写,无法获取短信验证码,所以在获取验证码的按钮需要加一层判断,判断手机号和验证码是否为空(输入框自带校验,如果手机号和验证码格式错误),不为空就继续下一步—向后端发送手机号和验证码请求短信。
2、本地校验通过,点按按钮,判断后端返回的code,验证码错误或是验证码发送过快并提示。本地的发送按钮再进行一个防抖,计时60秒。如果验证码正确,提示已发送,并解除注册按钮的禁用。继续进行下一步。
3、输入验证码,点击注册,本地判断密码和确认密码是否填写。无误发送请求。判断后端返回code相应进行提示。如果是账号已存在或账号注册成功,清空表单,切换至登录界面。
登录
登录功能较为简单,基本的表单校验,点击登陆后判断后端返回的信息,成功则路由跳转,错误则提示’账号或密码错误’