# SuperPage交互-校验验证码

校验验证码交互结合发送验证码来使用,用来在发送验证码之后对验证码和手机号码进行校验,如用户在输入验证码校验成功后才能成功注册:

校验验证码

示例地址:提交单行数据 (opens new window)

# 使用校验验证码交互

使用校验验证码交互需要提前设置好需要校验的验证码手机号码,验证是否与发送验证码时用到的验证码和手机号码相匹配。通常适用于提交数据的场景,在输入指定位数的验证码后执行该交互,校验成功则提交数据,否则显示校验失败的提示。以校验新用户注册时的手机号和验证码为例,具体操作步骤如下:

使用校验验证码

  1. 添加交互:选择确认按钮,添加校验验证码交互
  2. 配置交互相关属性启用条件设置为[勾选框1]==1验证码设置为${[文本输入9]}手机号码设置为${[文本输入3]},并设置好相应的提示信息

TIP

使用发送验证码交互时的手机号码验证码记录在后台的验证码记录表中,使用校验验证码交互系统会在后台进行校验。

# 设置校验验证码和手机号码

校验验证码交互可以校验用户输入的验证码是不是运营商发送的验证码,同时也可以校验手机号码是不是发送该验证码的手机号码:

  • 验证码设置:在验证码属性中设置,通常设置为用户输入验证码的输入组件的值,支持写表达式
  • 手机号码设置:在验证手机属性中设置,主要分以下两种情况
    • 勾选验证手机选项:发送验证码时指定了手机号码,使用校验验证码交互校验手机号码需要指定相同的手机号码,在手机号码属性中设置对应的表达式
    • 不勾选验证手机选项:发送验证码时没有指定手机号码,使用校验验证码交互也不需要指定验证手机号码,会自动取系统用户表中的用户手机号码进行验证。如果系统用户表没有用户的手机号码,则该交互失效

# 提示消息设置

对于短信验证码的校验状态可以设置对应的提示信息,系统默认勾选成功后显示提示失败后显示提示,可根据需要勾选。在勾选框下面的文本框处可以设置提示的文本,在输入验证码后使用该交互就会根据校验状态,显示提示信息

是否有帮助?
0条评论
评论