博客列表 >10行JQ搞定验证码发送

10行JQ搞定验证码发送

Y的博客
Y的博客原创
2017年09月22日 19:31:24922浏览
$(".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>


上一条:初学php下一条:php的大小写敏感问题
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议