阅读背景:

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

来源:互联网 

!--NEWSZW_HZH_BEGIN--

实例代码记载:

<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>
<script type="text




你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: