首页 > 编程 > JavaScript > 正文

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

2019-11-20 14:26:06
字体:
来源:转载
供稿:网友

实例代码记录:

<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>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表