10行JQ代码搞定短信验证码发送

字号+ 编辑: 国内TP粉 修订: 种花家 来源: ThinkPHP 2023-09-11 我要说两句(0)

用少量的JQuery代码解决短信验证码发送逻辑。

以下代码需要后端支持, 仅供参考。

Jquery代码

$(".code").on("click", function() {
    var s = parseInt($(".code b").html());
    var phone = $("#phone").val();
    if (s > 0) {
        layer.msg("请等待" + s + "秒重发")
        return false;
    }
    $.post("{:U('code')}", {
        phone: phone
    }, function(e) {
        if (e.status == 1) {
            $(".code").html("等待<b>60</b>秒");
            var ping = window.setInterval(function() {
                var s = parseInt($(".code b").html());
                if (s == 0) {
                    $(".code").html("重发验证码")
                    clearInterval(ping);
                    return false;
                } else {
                    $(".code b").html(s - 1);
                }
            }, 1000);
        } else {
            layer.msg(e.info);
        }
    });
    return false;
})

html代码

<em class="code">获取验证码</em>
阅完此文,您的感想如何?
  • 有用

    0

  • 没用

    0

  • 开心

    0

  • 愤怒

    0

  • 可怜

    0

1.如文章侵犯了您的版权,请发邮件通知本站,该文章将在24小时内删除;
2.本站标注原创的文章,转发时烦请注明来源;
3.交流群: PHP+JS聊天群

相关课文
  • JS如何防止父节点的事件运行

  • nodejs编写一个简单的http请求客户端代码demo

  • 使用Sublime Text3 开发React-Native的配置

  • 说一则为什么后端开发人员不选择node.js的原因

我要说说
网上宾友点评