Register 注册


基本规范
- 注册框具备元素:用户名输入框、手机号码输入框、验证码输入框、密码输入框、确认密码输入框、协议确认框、注册按钮、返回登录按钮
- 用户名输入框:placeholder,浮层提示规则,必填,规则校验,错误提示,一键清除
- 手机号码输入框:placeholder,必填,规则校验,错误提示,一键清除,与验证码联合校验
- 验证码输入框:必填,规则校验,错误提示,一键清除;获取验证码按钮倒计时;支持高频校验并弹窗展示图片验证码
- 密码输入框:必填,规则校验,错误提示,一键清除,浮层提示密码规则并实时校验密码正确性以及密码强度,与确认密码输入框联合校验
- 确认密码输入框:必填,输入与密码一致性校验,错误提示,一键清除,与密码输入框联合校验
- 协议确认框:必填
- 注册按钮:校验全部字段,处理注册请求
- 返回登录按钮:跳转登录页
API
Props
| 参数 | 说明 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| title | title 文字 | string | 注册 | - |
| sub-title | 副标题 | string | REGISTER | - |
| login | 立即登录地址 | string|function | - | - |
| agreement | 注册协议标题 | string | - | - |
| sms-delay | 倒计时持续时间 | string|number | 60 | - |
| get-sms-code | 获取验证码的方法 | function | - | - |
Events
| 事件名 | 说明 | 参数 |
|---|---|---|
| register | 表单验证通过以后点击立即注册时触发的事件 | values:RegisterValue |
| agreement | 点击注册协议时触发的事件,用于显示注册协议 | - |
ts
type RegisterValue {
username: string; // 用户名
password: string; // 密码
phone: string; // 手机号
code: string; // 验证码
agreement: boolean; // 是否同意注册协议
}