jquery 发送验证码并60s倒计时 ajas发送短信

tesgoo

于 2014-03-11 10:25:25 发布

阅读量1.1w

点赞数

分类专栏： JQUERY

本文链接：https://blog.youkuaiyun.com/u013699800/article/details/20997511

版权

JQUERY 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一个短信验证码发送的实现方式，包括验证手机号是否为已注册的号码、通过AJAX发送请求来触发验证码发送流程，并设置按钮状态防止重复点击，以及定时器功能允许用户在等待一定时间后重新发送验证码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//短信验证码发送 start
$("#send_pwd").click(function(){
   name_text_tphone= $("#find_pwd_name_text_tphone").val();
   if(name_text_tphone=="find_pwd_name_text_tphone_true"){//已注册过的手机号才可以发送手机验证码
       var flag=0;
       var Member_tphone_val = $("#Member_tphone").val();
        time(this);
        $.ajax({
           type:'post',
           url:'../../ajax/post_order.php',
           data:'type=5&mobile_phone='+Member_tphone_val,
            dataType:'json',
            success:function(data){
               if(data.status==1){//验证码已发送
               }
            },

       });
   }
})

var wait=60;
$("#send_pwd").attr("disabled",false);
function time(o) {
   if (wait == 0) {
       o.removeAttribute("disabled");
       o.value="免费获取";
       wait = 60;
   } else { // www.jbxue.com
       o.setAttribute("disabled", true);
       o.value=wait + "秒后可重发";
       wait--;
       setTimeout(function() {
           time(o)
       },
       1000)
   }
}
//短信验证码发送end