‍‍‍‍‍‍‍‍手机号码验证是现在各大平台注册，登录的必要流程，是对身份验证的象征。在UI设计领域这种交互逻辑该如何表现：

一、手机号码

是否为空

手机格式是否为正确

对于输入11位数字，还能输入还是禁止输入

二、验证码

是否正常接收到验证码

输入验证码是否正确

超出时长，是否重新获取

此时还能否修改手机号码

以上两点是基本的逻辑思路，在页面上如何反应出来：

手机号码与验证码是否分为两个页面设计？

手机号码是否支持标点或者说隔断

完全输入后是否支持一键清除

当输入错误时，是否提示？如何提示？

手机号码和验证码都调整为数字键盘

当整个页面作为弹窗出现时，确保手机键盘及提交按钮不会遮挡手机号码和验证码的输入。

综上如述，手机号码和验证码为同一个页面，若是页面出现弹窗，错误提示统一在当前页面，减少页面数量，层次太多用户体验会减弱。

基于手机屏幕尺寸不一至的考虑，获取验证码的按钮放置在验证码输入那一栏，给手机号码位置预留空间，也不会导致屏幕小的手机遮挡。‍‍‍‍‍‍‍‍