`

换绑中交互的注意事项

阅读更多

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

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

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

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



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



 

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

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

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

 

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

1,网络请求时;

2,倒计时过程中

 

 

 

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

相关推荐

    zk开发手册和注意事项

    ZK开发手册和注意事项 ZK是一个基于Java的开源Ajax Web应用框架,它允许开发者创建富互联网应用(RIA)。ZK框架基于服务器端技术,其特性在于能够在不需要AJAX和JavaScript编程的情况下,提供强大的前端组件和应用...

    微信小程序开发注意事项

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

    android中activity和service的交互

    4. **注意事项** - 注意处理异常情况,如Service未启动、绑定失败等。 - 避免长时间持有Activity和Service的引用,防止内存泄漏。 - 适当的错误处理和状态恢复机制,确保应用在异常情况下能够正确工作。 总结来...

    Android Service使用注意事项1

    在Android开发中,Service是四大组件之一,它用于在后台执行长时间运行的操作,即使用户界面关闭仍然可以继续工作。在使用Service时,有几个关键的...遵循这些注意事项,能确保Service在应用程序中的高效和稳定运行。

    绑定服务调用服务里的方法

    通过以上的介绍,你应该已经了解了如何使用`bindService`来调用服务中的方法,以及绑定服务的基本原理和注意事项。在实际开发中,根据需求合理选择启动服务或绑定服务,能有效地提高应用程序的性能和用户体验。

    asp.net中如何用c#实现弹出式的交互对话窗口

    通过实例代码、步骤说明以及注意事项等方面进行深入探讨。 ### 一、准备工作 在开始之前,请确保您已经安装了Visual Studio开发环境,并熟悉ASP.NET的基本操作流程。此外,了解HTML、CSS和JavaScript的基础知识也...

    android 绑定服务客户端

    **四、注意事项** 1. 客户端和服务端必须在同一应用程序权限范围内,或者服务声明了`android.permission.BIND_SERVICE`权限,客户端才能绑定。 2. `onServiceConnected()`在服务真正启动并准备好交互后调用,所以不...

    js与c#程序的交互.

    **注意事项**: - 如果服务器端按钮的 `Visible` 属性设置为 `false`,则 JavaScript 无法正确地调用点击事件。可以通过隐藏容器(如 div)来实现按钮的隐藏。 **方法二:直接调用公共函数** 1. **定义公共函数*...

    js跟css3加载中交互动画特效.zip

    1. **说明.htm**:这通常是一个HTML文档,详细介绍了动画特效的使用方法、原理和注意事项,开发者可以参考这个文件来理解和应用这个动画。 2. **index.html**:这是主页面文件,包含了整个加载动画的HTML结构,包括...

    ASPX.NET中 GridView_按钮事件绑定 免费下载

    本文将详细介绍如何在ASPX.NET的`GridView`控件中绑定按钮事件,通过具体的代码示例来阐述其实现过程及注意事项。 #### 二、环境配置 在开始之前,请确保您的开发环境中已经安装了以下组件: - Visual Studio 2019...

    DataGridView显示主从表示例及注意事项

    在这个过程中,有几个重要的注意事项: - 当主表记录改变时,通过BindingSource的Current属性可以获取当前选中的记录,然后更新从表的过滤条件。 - 在处理大量数据时,可能需要考虑数据分页和延迟加载,以提高性能。...

    WPF调用Echart,通过JS与WPF数据交换

    8. **注意事项** - 确保`WebBrowser`控件的`IsScriptEnabled`属性设为`true`,以便执行JavaScript代码。 - 由于异步性质,可能需要使用`Dispatcher`来确保UI线程安全地更新。 - 考虑错误处理,如JSON序列化失败或...

    InTouch与关系数据库的数据交互

    #### 三、详细步骤与注意事项 ##### 3.1 标记名类型与数据类型匹配 在创建InTouch标记名时,需要确保标记名的类型与Access数据库中的数据类型相匹配。例如: - `MemoryInteger`用于表示短整型和长整型数据。 - `...

    Android客户端Java本地服务端交互例子(2)

    九、优化与注意事项 1. 避免无限制地启动Service,可能导致内存泄漏或ANR(应用无响应)问题。 2. 使用`startForeground()`提升服务优先级,防止系统因内存紧张而自动杀死服务。 3. 使用Notification提示用户服务...

    jQuery中on方法使用注意事项详解

    以上所述就是jQuery中on方法使用时的一些注意事项和特性。通过本文的介绍,相信你对on方法有了更深入的理解,这将有助于你在实际项目中更加高效、正确地使用jQuery进行事件绑定和管理。希望本文的内容能够对你的学习...

    android如何绑定service

    四、注意事项 1. 当Service被绑定时,它的生命周期受客户端控制。只要至少有一个客户端绑定,Service就会保持活动状态。当所有客户端都解绑时,系统会调用`onDestroy()`销毁Service。 2. 如果同时使用`start...

    asp控件开发基础方法及注意事项

    在深入探讨基础方法和注意事项之前,我们需要了解ASP.NET控件的本质:它们是服务器端的对象,负责处理用户交互并生成HTML响应,以便在客户端浏览器中呈现。 首先,让我们从"asp.net控件开发(一)-显示控件内容.txt...

    18 React 渲染数据注意事项、以及react-router4.x中使用js跳转路由

    本主题将深入探讨18个React渲染数据的注意事项以及如何在react-router 4.x版本中使用JavaScript进行路由跳转。以下是对这两个重要知识点的详细阐述。 **React渲染数据注意事项:** 1. **PureComponent与...

    Fragment和Activity双向交互

    ### 三、注意事项 1. **生命周期管理**:在处理Activity和Fragment的通信时,要考虑到两者生命周期的影响,确保在正确的时间点进行操作,避免内存泄漏和异常。 2. **数据一致性**:在双向交互中,应确保数据的一致...

    浅析aidl过程和绑定service的过程(不会使用的撤).zip

    **注意事项** - 使用AIDL时,确保客户端和服务端的aidl接口定义完全一致,否则会出现编译错误。 - Service并非线程安全,对于耗时操作,应在Service内部使用Handler、AsyncTask或者IntentService来避免阻塞UI线程。 ...

Global site tag (gtag.js) - Google Analytics