jquery发送验证码+倒计时

1、html结构

<button id="getCode">发送验证码</button>

2、发送验证码

//获取验证码

$("#getCode").click(function(){

//mobile check

  var mobile=$.trim($("input[name='mobile']").val());

  if(mobile==''){

alert('请填写手机号');

return false;

  }

  var mobileExg=/^1[3|4|5|7|8]\d{9}$/;

  if(!mobileExg.test(mobile)){

alert('手机号格式不正确');

return false;

  }

var wait=60;

$.ajax({

  url:host+'/api/sms',

  dataType: 'json',

  data:{"phone":mobile},

  type:'post',

  success:function(data){

  //console.log(data);

if(data.code==1){

//alert('短信发送成功!');

var _set=setInterval(function(){

$("#getCode").attr("disabled", true);//设置disabled属性

$('#getCode').html(wait+'秒后重新发送');

wait-=1;

if(wait <= 0){

  $("#getCode").removeAttr("disabled"); //移除disabled属性

  $('#getCode').html('获取验证码');

  clearInterval(_set);//清除setInterval

}

},1000);

}else{

  //alert(data['message']);

  return false;

}

  }

});

return false;

});

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容