`

换绑中交互的注意事项

阅读更多

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

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

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

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



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



 

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

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

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

 

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

1,网络请求时;

2,倒计时过程中

 

 

 

  • 大小: 14.9 KB
  • 大小: 16.7 KB
  • 大小: 54.6 KB
0
0
分享到:
评论

相关推荐

    微信小程序开发注意事项

    微信小程序开发的常用配置,事件数据交互api 组件。

    cra-tut:关于React教学的注意事项

    在交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且文件名...

    php-scoper::hammer:在文件目录中前缀所有PHP名称空间,以隔离PHAR中捆绑的代码

    PHP的范围 PHP-Scoper是一种工具,它实质...目录查找器和路径修补程序白名单文件白名单全局命名空间中的常量和函数符号注意事项实施见解全班白名单常数列入白名单功能白名单命名空间列入白名单建立范围界定的PHAR 带盒

    AngularJS零基础入门与提升实战【课件+源码】

    初步了解和掌握angular的基础知识,熟练使用angular中的各类功能,并可以动手开发一个基于...第二部分为实践总结和案例开发,该部分为2个章节,分别为angular 案例开发的注意事项和最佳实践与两个完整的综合案例开发。

    Readteractive:用于编写和生成交互式书籍的工具

    Windows注意事项:使用像这样的类似Linux的外壳,安装此依赖项并运行Readteractive会更容易。 :需要处理用于生成书籍的结构并构建Markdown文件。 制造:需要捆绑命令并以任何格式生成书籍。 Linux: apt-get ...

    theme-budspencer:书呆子的主题使鱼变得更强大。 它配备了许多出色的功能和按键绑定,可加快您的工作流程

    Budspencer主题 书呆子的主题使鱼变得更强大。...OS X用户注意事项 该主题使用高级sed和expr功能。 OS X工具具有受限制的功能。 如果看到budspencer提示中的expr: syntax error ,请尝试从coreutil

    IndesignAddonPublications:该存储库包含进一步开发附加组件所需的所有源代码。 在这里,我还保留有关附加组件和安装说明的注意事项

    这背后的想法与CEP和CEF如何与设计中的交互以及软件的局限性息息相关。 CEP-Adobe的附加程序库(通用扩展平台)CEF-Chrome嵌入式框架-要了解这一点,请参阅下一节有关体系结构的内容。 建筑学 CEP(通用扩展平台)...

    ActiveCampaign_Contacts

    注意事项 总价值是所有交易价值的总和,其他货币价值已转换为美元。 表中的空filterBar没有过滤器逻辑实现。 API_Token尚未加密。 我仍在设置Cloudflare worker上的Secret和Environment变量。 可用脚本 在项目目录...

    简单的待办事项

    在交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化构建,文件名...

    武田

    HAE虚拟实验室1.29.20待办事项[x]显示辅助框时在模拟器中的注意事项[]下载照片[x]阅读更多问答中的按钮转到背景页面[x]简介模式中的否应转到 [x]所有答案测验的问题4是否需要? 该项目是通过。可用脚本在项目目录中...

    待办事项:使用bootstrap 5测试待办事项

    在交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化构建,文件名...

    待办事项列表引导

    待办事项清单可用脚本在项目目录中,可以运行:npm start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑,页面将重新加载。 您还将在控制台中看到任何棉绒错误。npm test 在交互式监视模式下启动...

    待办事项

    在交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化构建,文件名...

    Java毕业设计-基于ssm框架开发的Vue戒烟网站--论文-附毕设源代码+说明文档.rar

    最后,项目还附带了说明文档,对项目的使用方法、注意事项等进行了详细说明。这份文档对于初学者来说非常友好,能够帮助他们快速上手项目并进行二次开发定制。 总的来说,本资源是一个集前端展示、后端处理、论文...

    CrowdMixSubmission

    设计注意事项 潜在的扩展: 添加与应用程序交互的新界面(GUI/网络)。 支持同时发布/查看。 添加新类型的命令。 潜在的修改 为简单起见,输出格式固定在 Posting 类中。 如果需要不同类型的格式,我们可以传入一...

    todapp:电子React中的待办事项应用

    在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 生成被最小化,并且...

    待办事项列表前端

    yarn test 在交互式监视模式下启动测试运行程序。 有关更多信息,请参见关于的部分。yarn build 构建生产到应用程序build文件夹。 它在生产模式下正确捆绑了React,并优化了构建以获得最佳性能。 最小化构建,文件名...

    pwa-notes:一个渐进式Web应用程序,可将注释存储在localStorage中

    PWA注意事项 一个渐进式Web应用程序,可将注释存储在localStorage中 笔记 在发布任何预发行版之前,我的提交将不那么专业 主要提交内容将有完整的说明 其他提交(例如更改README.md或TODO)将具有基本说明(例如,...

    小程序代理淘客站推券客程序 AppletProxyStationPushCoupons.rar

    小程序代理淘客站推券客程序 源码描述: 一、源码介绍 推券客cms采用thinkphp为内核框架开发,安全稳定高效。不需要任何淘宝API接口,每天自动更新三万多带内部优惠...三、注意事项 1、开发语言:PHP,数据库:MySql

Global site tag (gtag.js) - Google Analytics