手机短信验证发送后增加倒计时
<button class="btn blue" onclick="dr_ajax_url('/index.php?s=member&c=api&m=login_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())" type="button">获取手机验证码</button>
改为
<button id="sms_code" onclick="dr_ajax_sms('/index.php?s=member&c=api&m=login_code&id='+$('#dr_phone').val()+'&code='+$('#dr_code').val())" type="button">获取手机验证码</button>
<script>
var countdown = 60;
function setCountdown() {
if (countdown == 0) {
$('#sms_code').prop('disabled', false);
$('#sms_code').text('获取验证码');
countdown = 60;
} else {
$('#sms_code').prop('disabled', true);
$('#sms_code').text(countdown + '秒');
countdown--;
setTimeout(setCountdown, 1000);
}
}
// ajax操作
function dr_ajax_sms(url) {
var index = layer.load(2, {
shade: [0.3,'#fff'], //0.1透明度的白色背景
time: 100000000
});
$.ajax({
type: "GET",
url: url,
dataType: "json",
success: function (json) {
layer.close(index);
if (json.code == 0) {
$('.fc-code img').click();
if (json.data.field) {
$('#dr_row_'+json.data.field).addClass('has-error');
$('#dr_'+json.data.field).focus();
}
}
// 在成功回调函数中
if (json.code == 1) {
setCountdown();
}
dr_cmf_tips(json.code, json.msg, json.data.time);
if (json.data.url) {
setTimeout("window.location.href = '"+json.data.url+"'", 2000);
}
},
error: function(HttpRequest, ajaxOptions, thrownError) {
dr_ajax_alert_error(HttpRequest, this, thrownError);
}
});
}
</script>
上一篇:基于PHPoffice类去做excel表格数据导入导出
栏 目:迅睿CMS
本文标题:手机短信验证发送后增加倒计时
本文地址:https://www.wqjdym.top/index.php?c=show&id=198
您可能感兴趣的文章
- 05-27后台列表导出excel示例
- 05-30百度编辑器插入附件时如何让URL标题成为附件原名
- 04-22把序列号1变成01,2变成02,自动保留两位
- 04-22前端动态调用模板
- 04-22各大运营商的邮件服务器配置方法
- 04-19迅睿CMSselect联动效果,地区联动
- 04-19迅睿CMS如何快速的创建零碎调用资料
- 04-19手机短信验证发送后增加倒计时
- 04-19基于PHPoffice类去做excel表格数据导入导出
- 04-19微信扫码登录成功不用点击自动登录成功方法分享
阅读排行
推荐教程
- 05-27后台列表导出excel示例
- 05-30百度编辑器插入附件时如何让URL标题成为附件原名
- 04-22把序列号1变成01,2变成02,自动保留两位
- 04-22前端动态调用模板
- 04-22各大运营商的邮件服务器配置方法
- 04-19迅睿CMSselect联动效果,地区联动
- 04-19迅睿CMS如何快速的创建零碎调用资料
- 04-19手机短信验证发送后增加倒计时
- 04-19基于PHPoffice类去做excel表格数据导入导出
- 04-19微信扫码登录成功不用点击自动登录成功方法分享

)
)
)
)
)
)