手机号换绑中交互需要注意的事项:
1,手机号输入框失去焦点时会校验手机号
如果校验失败,则"重新获取验证码"置灰(不可用);
校验成功,则"重新获取验证码" 恢复可用
2,点击"重新获取验证码",则开始发送短信验证码,同时"重新获取验证码"按钮置灰,并且倒计时:
3,如果这时(倒计时中)用户点击手机号输入框,然后失去焦点,则"重新获取验证码"按钮 ,可用,根据(1)
这在交互上就是不合理的.
解决方案:手机号输入框失去焦点时先判断"重新获取验证码"按钮的状态,如果是置灰倒计时中,则不处理blur事件:
那么有个问题:"重新获取验证码"按钮什么状态下置灰:
1,网络请求时;
2,倒计时过程中