Menu

5.3. 获取手机短信验证码

获取手机验证码

接着上一节,我们已经获取了图片验证码,现在需要输入正确的验证码,给目标手机发送短信验证码。

修改代码

用户输入图片验证码需要依次执行如下逻辑:

  1. 判断用户是否输入验证码,没有输入给出提示;
  2. 我们已经存储了图片验证码的有效期,如果验证码已经过期则重置整个流程;
  3. 用户输入验证码后,请求接口,验证码错误提示用户,并自动重新获取一个验证码图片;
  4. 输入正确的验证码后,记录下来短信验证码相关的信息。

src/pages/auth/register.wpy

.
.
.
    data = {
      .
      .
      .
      // 表单错误
      errors: {},
      // 短信验证码 key 及过期时间
      verificationCode: {}
    }
    // 重置注册流程,初始化 data 数据
    resetRegister() {
      this.captchaModalHidden = true
      this.phoneDisabled = false
      this.captcha = {}
      this.verificationCode = {}
      this.errors = {}
    }
    .
    .
    .
    methods = {
      .
      .
      .
      // 响应获取图片验证...

本文章首发在 Laravel China 社区

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
刻意练习,每日精进。
3
点赞
789
浏览
2
讨论