短信验证码
短信验证码
适用场景
适用于新用户注册账号、账号验证码登录、账号密码修改或者找回、个人信息资料的修改、支付验证等场景,可以联合表单组件使用。
属性介绍
属性分类 | 属性名称 | 属性作用 |
---|---|---|
基本属性 | 组件ID | 组件在当前页面的唯一标识。 |
组件标题 | 定义组件标题,支持常量输入、表达式输入和无输入三种输入模式 | |
提示文案 | 指手机号码输入框的默认提示文案 | |
展示方式 | 包含编辑模式、只读模式、文本模式和继承父组件模式。用以页面在不同业务模式下的展示区分。 | |
显示条件 | 支持无条件和表达式条件两种模式 | |
数据属性 | 选择字段 | 当短信验证码组件置于表单组件中,可以选择当前上下文中存在的数据对象字段 |
字段长度 | 字段长度支持属性长度和自定义两种类型 | |
验证规则 | 包含无校验和必填两个选项,选中必填时,可设置错误提示信息![]() | |
国家代码 | 表示不同国家的电话区号 | |
短信验证码 | 控制短信验证码的显示 |
基础功能
短信验证码是一个支持发送短信的组件,是目前主要的一种身份验证方式。基本用法如下:
步骤1: 新建标准页面,如下图所示:
步骤 2: 从左侧的组件列表拖动“表单”组件到画布区域,将短信验证码组件拖动到表单组件内,在右侧短信验证码组件的属性面板中,配置基础属性如下图所示:
步骤 3:配置校验规则,此处校验文本框中的内容是否填写,如果未填写则展示错误提示处的内容,如下图所示:
最终运行态组件展示如下图所示,当手机号码填写完成之后,发送按钮变成可点击状态,点击“发送验证码”按钮向对应的手机号码发送验证码信息,此时按钮变为倒计时状态且不可点击。
高级功能
暂无