

本案例介绍了注册、登录、密码修改、绑定手机等页面中对于填写字段的各种判断、限制以及提示信息等交互用例的配置与Demo效果的演示。
主要实现了以下交互:
账号(手机号)
- 对于手机号输入框的限制,只允许输入数字,且只能为11位
- 手机号为空的判断与提示
- 手机号已注册的判断与提示
- 手机号错误的判断与提示
密码
- 密码实现隐藏密文显示
- 密码为空的判断与提示
- 密码设置错误的判断与提示
- 登录密码输入错误时,判断与提示
短信验证码
- 短信验证码为空的判断与提示
- 短信验证码错误的判断与提示
- 短息验证码超时的判断与提示
点击右侧在线演示,体验交互原型→