为wordpress的前台登录页面添加一个验证码

主登录页添加验证

在csdn看到了一篇讲解利用代码生成wp验证的文章，在自己的博客上尝试了一下，确实挺方便的，首先是生成随机数字验证码；

function add_captcha_to_login_form() {
    $num1 = rand(1, 9);
    $num2 = rand(1, 9);
    echo "<p><label for='math' class='small'>验证码: </label><br /><input type='text' name='captcha' placeholder='$num1 + $num2 = ?' class='input' size='25' tabindex='4'><input type='hidden' name='num1' value='$num1'><input type='hidden' name='num2' value='$num2'></p>";
}

add_action('login_form', 'add_captcha_to_login_form');

登录验证，不知道为什么直接访问wp_login.php页面会直接报错，跳转则不会，博主前台登录则没有这个问题，压根就没写错误处理。

function validate_captcha_on_login($user, $username, $password) {
    if (isset($_POST['captcha'], $_POST['num1'], $_POST['num2'])) {
        $sum = intval($_POST['captcha']);
        $num1 = intval($_POST['num1']);
        $num2 = intval($_POST['num2']);
 
        if ($sum !== ($num1 + $num2)) {
            return new WP_Error('captcha_error', '<strong>错误</strong>: 验证码错误, 请重试.');
        }
    } else {
        return new WP_Error('captcha_error', '<strong>错误</strong>: 验证码未正确提交，请重试.');
    }
 
    return $user;
}
add_filter('authenticate', 'validate_captcha_on_login', 30, 3);

前台登录的情况

虽然默认登录页已经有了验证，但利用如下语句生成一个前台登录页时，会发现并没有出现验证码：

<?php 
if (!is_user_logged_in()) {
    wp_login_form(array(
        'redirect' => home_url(), // 登录后重定向到首页
        'form_id' => 'customloginform', // 表单ID，用于自定义样式
        'label_username' => '用户名', // 用户名字段标签
        'label_password' => '密码', // 密码字段标签
        'label_remember' => '记住我', // 记住我复选框标签
        'label_log_in' => '登录', // 登录按钮标签
        'remember' => true // 是否显示“记住我”复选框
    ));
} else {
    // 用户已登录，你可以显示其他内容或链接到用户的个人资料页
} ?>

这就需要修改一下程序了，wp在前台登录表单里也提供了几个hook，这里可以选择使用login_form_middle这个hook，该hook作用位置刚好在登录按钮上方：

    /**
     * Filters content to display at the top of the login form.
     *
     * The filter evaluates just following the opening form tag element.
     *
     * @since 3.0.0
     *
     * @param string $content Content to display. Default empty.
     * @param array  $args    Array of login form arguments.
     */
    $login_form_top = apply_filters( 'login_form_top', '', $args );

    /**
     * Filters content to display in the middle of the login form.
     *
     * The filter evaluates just following the location where the 'login-password'
     * field is displayed.
     *
     * @since 3.0.0
     *
     * @param string $content Content to display. Default empty.
     * @param array  $args    Array of login form arguments.
     */
    $login_form_middle = apply_filters( 'login_form_middle', '', $args );

    /**
     * Filters content to display at the bottom of the login form.
     *
     * The filter evaluates just preceding the closing form tag element.
     *
     * @since 3.0.0
     *
     * @param string $content Content to display. Default empty.
     * @param array  $args    Array of login form arguments.
     */
    $login_form_bottom = apply_filters( 'login_form_bottom', '', $args );

我们继续在functions.php里添加前台验证的代码：

function add_captcha_to_login_form_middle() {
    $num1 = rand(1, 9);
    $num2 = rand(1, 9);
    return "<p><label for='math' class='small'>验证码: </label><br /><input type='text' name='captcha' placeholder='$num1 + $num2 = ?' class='input' size='25' tabindex='4'><input type='hidden' name='num1' value='$num1'><input type='hidden' name='num2' value='$num2'></p>";
}

add_filter('login_form_middle', array( $this, 'add_captcha_to_login_form_middle' ) );

原文链接

https://blog.csdn.net/weixin_46461268/article/details/142311852