Skip to main content

短信验证码

短信验证码

适用场景

适用于新用户注册账号、账号验证码登录、账号密码修改或者找回、个人信息资料的修改、支付验证等场景,可以联合表单组件使用。

属性介绍

属性分类属性名称属性作用
基本属性组件ID组件在当前页面的唯一标识。
组件标题定义组件标题,支持常量输入、表达式输入和无输入三种输入模式
提示文案指手机号码输入框的默认提示文案
展示方式包含编辑模式、只读模式、文本模式和继承父组件模式。用以页面在不同业务模式下的展示区分。
显示条件支持无条件和表达式条件两种模式
数据属性选择字段当短信验证码组件置于表单组件中,可以选择当前上下文中存在的数据对象字段
字段长度字段长度支持属性长度和自定义两种类型
验证规则包含无校验和必填两个选项,选中必填时,可设置错误提示信息img
国家代码表示不同国家的电话区号
短信验证码控制短信验证码的显示

基础功能

短信验证码是一个支持发送短信的组件,是目前主要的一种身份验证方式。基本用法如下:

步骤1: 新建标准页面,如下图所示:

img

步骤 2: 从左侧的组件列表拖动“表单”组件到画布区域,将短信验证码组件拖动到表单组件内,在右侧短信验证码组件的属性面板中,配置基础属性如下图所示:

img

步骤 3:配置校验规则,此处校验文本框中的内容是否填写,如果未填写则展示错误提示处的内容,如下图所示:

img

最终运行态组件展示如下图所示,当手机号码填写完成之后,发送按钮变成可点击状态,点击“发送验证码”按钮向对应的手机号码发送验证码信息,此时按钮变为倒计时状态且不可点击。

img

img

img

高级功能

暂无