使用jQuery实现发送短信验证码的按钮

作者: Jancaelm 分类: jQuery 发布时间: 2017-07-17 10:59

现今大多数网站上都能见到这个短信发送按钮,例如使用手机号码进行注册,登录等等
这个按钮的大致思想是:

  1. 点击发送验证码后,按钮上显示剩余多少时间可以再次进行发送,同时按钮变为不可点击的状态
  2. 计时结束后,按钮重新变为可以点击.

过程如下图:

 



	
		
		发送短信验证码按钮的实现
		
	
	
		
		
        
	

特别注意的是,在过程中我遇到了按钮不会重新变为可点击的情况,原因是使用jQuery将disabled属性改为false并不使其生效,正确的方法是使用removeAttr这个函数移除disabled属性.

一条评论
  • Mellisa

    2018年3月7日 上午7:38

    Excellent post! We will be linking to this particularly great article on our site.
    Keep up the great writing.

发表评论

电子邮件地址不会被公开。 必填项已用*标注