分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

js点击按钮获取验证码倒计时

发布时间:2023-09-06 01:40责任编辑:沈小雨关键词:js验证码
 ???//发送验证码倒计时 ???var clock = ‘‘; ???var nums = 60; ???var btn; ???$("#btnGetVerCode").click(function () { ???????var flag = true; ???????var phoneNum = $("#txtPhoneNum").val(); ???????if (phoneNum.length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(14[0-9]{1})|)+\d{8})$/.test(phoneNum)) { ???????????$.ajax({ ???????????????type: "post", ???????????????url: "/CrmCenter/GetVerCode", ???????????????dataType: "json", ???????????????data: { phoneNum: phoneNum }, ???????????????success: function (data) { ???????????????????if (data == 0) { ???????????????????????alert("该手机用户不存在!"); ???????????????????} ???????????????????else if (data == 1) { ???????????????????????alert("验证码发送失败,请联系技术人员!"); ???????????????????} ???????????????????else { ???????????????????????alert("验证码已发送,请注意查收!"); ???????????????????} ???????????????}, ???????????????error: function () { ???????????????????flag = false; ???????????????????alert("验证码发送失败!"); ???????????????} ???????????}); ???????} else { ???????????flag = false; ???????????alert("请输入正确的手机号!"); ???????} ???????//如果已成功发送验证码 则进入倒计时 ???????if (flag) { ???????????btn = this; ???????????btn.disabled = true; //将按钮置为不可点击 ???????????btn.value = nums + ‘s‘; ???????????clock = setInterval(doLoop, 1000); //一秒执行一次 ???????} ???}); ???function doLoop() { ???????nums--; ???????if (nums > 0) { ???????????btn.value = nums + ‘s‘; ???????} else { ???????????clearInterval(clock); //清除js定时器 ???????????btn.disabled = false; ???????????btn.value = ‘获取验证码‘; ???????????nums = 60; //重置时间 ???????} ???}

js点击按钮获取验证码倒计时

原文地址:https://www.cnblogs.com/Alex-zqzy/p/8384275.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved