换绑中交互的注意事项

手机号换绑中交互需要注意的事项:

1,手机号输入框失去焦点时会校验手机号

如果校验失败,则"重新获取验证码"置灰(不可用);

校验成功,则"重新获取验证码" 恢复可用

 2,点击"重新获取验证码",则开始发送短信验证码,同时"重新获取验证码"按钮置灰,并且倒计时:

 

3,如果这时(倒计时中)用户点击手机号输入框,然后失去焦点,则"重新获取验证码"按钮 ,可用,根据(1)

这在交互上就是不合理的.

解决方案:手机号输入框失去焦点时先判断"重新获取验证码"按钮的状态,如果是置灰倒计时中,则不处理blur事件:

 

 那么有个问题:"重新获取验证码"按钮什么状态下置灰:

1,网络请求时;

2,倒计时过程中