九、获取验证码

本文介绍了一个基于JavaScript的验证码倒计时功能实现方法,包括按钮禁用、背景色变化及AJAX请求发送验证码的过程。

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

验证码倒计时函数

    var wait = 60;

                            function time(o) {

                                   if(wait == 0) {

                                          o.removeAttribute("disabled");

                                          o.value = "获取验证码";

                                          wait = 60;

                                   } else {

                                          o.setAttribute("disabled", true);

                                          o.value = "重新发送(" + wait + ")";

                                          o.style.backgroundColor = '';

                                          wait--;

                                          setTimeout(function() {

                                                        time(o)

                                                 },

                                                 1000)

                                   }

                            }

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

                     phone1 = $("#phone1").val();

                     if(checkPhone(phone1)){

                            time(this);

                            $.ajax({

                                   url: "http://ezist.cn/api/verificationCodes",

                             type: 'post',

                             dataType: "json",

                             data: {tel:phone1,verify:'true'},

                             success: function(data) {

                                          mui.toast("验证码已发送,请注意查收。");

                                          mes = data.verification_key;

                             },

                             error: function (data) {

                                 mui.toast("验证码请求失败");

                             }

                            });

                     }

              })

转载于:https://www.cnblogs.com/deng-jie/p/9104264.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值