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;
});
