工资「喂饱肚子」，副业「养活灵魂」！
本站由于前段时间遭受到大量临时和国外邮箱注册，所以对可注册的邮箱类型进行了限制！
本站会放置Google广告用于维持域名以及网站服务器费用。
欢迎大家交换友链，可在https://www.stubbornhuang.com/申请友情链接进行友链交换申请！
问题反馈可发送邮件到stubbornhuang@qq.com
在本站开通年度VIP，无限制下载本站资源和阅读本站文章
计算机图形学与计算几何经典必备书单整理，下载链接可参考：https://www.stubbornhuang.com/1256/
感谢大家访问本站，希望本站的内容可以帮助到大家！
如果觉得本站的内容有帮助，可以考虑打赏博主哦！

WordPress – 防止用户在登录页面重复点击登录按钮造成重复登录

StubbornHuang WordPress 发布于2022-06-05 阅读 4,094次 0次评论 0次点赞本文共818个字，阅读需要3分钟。

1 WordPress 防止用户在登录页面重复点击登录按钮

因为在之前在用户登录钩子wp_login中增加了当用户登录时会发送通知邮件给我，这就造成了登录时会发送邮件，最终导致登录的时间的比较长。有些用户在点击登录按钮之后因为长时间没有登录成功，误以为没有点击到登录按钮，所以会重复点击登录按钮造成重复登录。

为了解决这一问题，决定在登录页面当用户重复点击登录按钮时弹出提示框告知用户耐心等待，直接在主题的function.php中加入以下代码即可：

add_action( 'login_form', 'stubbornhuang_prevent_repeated_click_login_button' );
function stubbornhuang_prevent_repeated_click_login_button(){
?>
    <script>
        function isEmpty(obj)
        {
            for(let key in obj){
                return false;
            }
            return true;
        }

        var is_can_click = true;
        window.onload=function(){
            var wp_submit = document.getElementById("wp-submit");
            if(!isEmpty(wp_submit))
            {
                wp_submit.onclick = function () {
                    if(is_can_click)
                    {
                        is_can_click = false;
                        setTimeout(function() {
                            is_can_click = true;
                        }, 1000);//一秒内不能重复点击
                    }
                    else
                    {
                        alert("请不要重复点击登录按钮，耐心等待登录成功！");
                    }
                }
            }
        }
    </script>
<?php
}

上述代码直接使用login_form钩子在页面中嵌入js脚本，在js脚本中获取登录提交按钮，增加该按钮的点击响应逻辑，在一秒钟之内不能重复点击按钮，如果重复点击了则弹出提示。