Skip to content
On this page

Register 注册

基本规范

  • 注册框具备元素:用户名输入框、手机号码输入框、验证码输入框、密码输入框、确认密码输入框、协议确认框、注册按钮、返回登录按钮
  • 用户名输入框:placeholder,浮层提示规则,必填,规则校验,错误提示,一键清除
  • 手机号码输入框:placeholder,必填,规则校验,错误提示,一键清除,与验证码联合校验
  • 验证码输入框:必填,规则校验,错误提示,一键清除;获取验证码按钮倒计时;支持高频校验并弹窗展示图片验证码
  • 密码输入框:必填,规则校验,错误提示,一键清除,浮层提示密码规则并实时校验密码正确性以及密码强度,与确认密码输入框联合校验
  • 确认密码输入框:必填,输入与密码一致性校验,错误提示,一键清除,与密码输入框联合校验
  • 协议确认框:必填
  • 注册按钮:校验全部字段,处理注册请求
  • 返回登录按钮:跳转登录页

API

Props

参数说明类型默认值可选值
titletitle 文字string注册-
sub-title副标题stringREGISTER-
login立即登录地址string|function--
agreement注册协议标题string--
sms-delay倒计时持续时间string|number60-
get-sms-code获取验证码的方法function--

Events

事件名说明参数
register表单验证通过以后点击立即注册时触发的事件values:RegisterValue
agreement点击注册协议时触发的事件,用于显示注册协议-
ts
type RegisterValue { 
    username: string;   // 用户名
    password: string;   // 密码
    phone: string;      // 手机号
    code: string;       // 验证码
    agreement: boolean; // 是否同意注册协议
}

Released under the MIT License.