关于微信小程序:如何制作自动输入短信验证码

129次阅读

共计 557 个字符,预计需要花费 2 分钟才能阅读完成。

成果展现:

前置筹备:

  • 搭建实现,待进行数据配置的页面

具体步骤:

  • 增加动静容数据容器组件、标签文本和输入框组件
  • 进行发送验证码触发器配置
  • 验证码输入框配置
  • 键盘上方验证码接收器配置
  • 配置数据中心
  • 增加事件核心

步骤合成:

增加动静容器组件、标签文本和输入框组件

  • 增加 标签文本 动态数据容器 组件到同一地位,动态数据容器 在置后,标签文本 置前
  • 增加 输入框 动态数据容器 组件到同一地位,动态数据容器 在置后,输入框 置前

进行发送验证码触发器配置

  • 选中发送验证码 标签文本
  • 增加发送验证码 触发器,并进行数据配置

验证码输入框配置

  • 选中 输入框 组件
  • 在 触发器 中 增加 收到验证码 触发器 并进行数据配置
  • 选中验证码输入框 动态数据容器 组件
  • 在 数据绑定及设置 绑定数据

键盘上方验证码接收器配置

  • 选中键盘上方接收器 动态数据容器 组件
  • 在 触发器 中,增加更新 触发器 并进行数据配置
  • 在 触发器 中,增加查问 触发器 并进行数据配置
  • 在 数据绑定及设置 中,绑定数据
  • 选中数字点击下来 标签文本 组件
  • 在 触发器 中,增加送 触发器 并进行数据配置
  • 在 数据绑定及设置 中,批改 自定义数据

配置数据中心

  • 在面板上方 数据中心 创立验证码数据表格

增加事件核心

  • 在面板上方 事件核心 增加 数据事件 验证码查问,进行数据配置
  • 增加 数据事件 Update,进行数据配置

这样就能够实现如何制作主动输出短信验证码了。
官网链接:https://www.towify.com/#/

正文完
 0