当前位置: 首页 > 编程笔记 >

Js实现手机发送验证码时按钮延迟操作

孔鸿远
2023-03-14
本文向大家介绍Js实现手机发送验证码时按钮延迟操作,包括了Js实现手机发送验证码时按钮延迟操作的使用技巧和注意事项,需要的朋友参考一下

实例代码记录:

<script type="text/javascript">
  function start_sms_button(obj){
    var count = 1 ;
    var sum = 30;
    var i = setInterval(function(){
      if(count > 10){
        obj.attr('disabled',false);
        obj.val('发送验证码');
        clearInterval(i);
      }else{
        obj.val('剩余'+parseInt(sum - count)+'秒');
      }
      count++;
    },1000);
  }
 
  $(function(){
    //发送验证码
    $('#send_sms').click(function(){
      var phone_obj = $('input[name="phone"]');
      var send_obj = $('input#send_sms');
      var val = phone_obj.val();
      if(val){
        if(IsMobile(val)){
          send_obj.attr('disabled',"disabled");
          //30秒后重新启动发送按钮
          start_sms_button(send_obj);
          $.ajax({
            url:'{#url_reset("index/sms")#}',
            data:{'mobile':val},
            dataType:'json',
            type:'post',
            beforeSend:function(){
              show_loading_body();
            },
            complete:function(){
              show_loading_body();
            },
            success:function(data){
              if(data.status!=undefined && (data.status == 'ok' || data.status == 'error')){
                showMsg(data.msg);
              }
            }
          });
        }else{
          showMsg("手机号的格式错误");
        }
      }else{
        showMsg('手机号不能为空');
      }
    });
  });
</script>
 类似资料:
  • 本文向大家介绍JS+HTML5实现获取手机验证码倒计时按钮,包括了JS+HTML5实现获取手机验证码倒计时按钮的使用技巧和注意事项,需要的朋友参考一下 效果图如下所示: HTML: CSS: JavaScript: GitHub:Fuck me on GitHub Fuck me on GitHub 总结 以上所述是小编给大家介绍的JS+HTML5实现获取手机验证码倒计时按钮,希望对大家有所帮助,

  • 本文向大家介绍android实现验证码按钮,包括了android实现验证码按钮的使用技巧和注意事项,需要的朋友参考一下 开发过程中会遇见很多app注册时,需要通过手机发送验证码验证 ,这是可以封装一个验证码按钮: attrs.xml 自定义Button 自定义2个drawable layout.xml Activity 代码下载:android实现验证码按钮 以上就是本文的全部内容,希望对大家的学

  • 本文向大家介绍单击按钮发送验证码,出现倒计时的简单实例,包括了单击按钮发送验证码,出现倒计时的简单实例的使用技巧和注意事项,需要的朋友参考一下 实例如下: 以上这篇单击按钮发送验证码,出现倒计时的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍js实现发送验证码后的倒计时功能,包括了js实现发送验证码后的倒计时功能的使用技巧和注意事项,需要的朋友参考一下 之前分享过只用js实现倒计时的功能,后来测试时发现,刷新或关闭网页后,倒计时就不能用了.网上也没找到合适的解决方案,所以自己就写了个,这次的算是优化版吧,能满足刷新或重新打开网页后,倒计时依然能用 特别说明:      cookie最初创建的有效时间是60秒.也就是说,你

  • 本文向大家介绍vue实现验证码按钮倒计时功能,包括了vue实现验证码按钮倒计时功能的使用技巧和注意事项,需要的朋友参考一下 本人最近开始尝试学习vue.js。想使用vue写一个小例子,就选择做验证码按钮倒计时功能。     上网上搜了一下,也把他们的代码试了一下,自己出了很多问题。所以,需要写一篇基础入门的文章,避免后面人采坑。    这是按照网上写的HTML页面 js写成 发现浏览器一直报错Un

  • X2.3.0新增(暂时无法使用) sp_check_mobile_verify_code($mobile='',$verifycode='') 功能: 手机验证码检查,验证完后销毁验证码增加安全性 参数: $mobile: 手机号 $verifycode:验证码 返回: 类型boolean true:手机验证码正确,false:手机验证码错误 使用: $is_right_mobile_code