如何在WordPress无密码登录自定义小部件中显示‘错误用户’提示

嘿，我来帮你搞定这个问题！要在你的No_Password_Widget里添加错误用户提示，核心是处理表单提交后的错误状态存储和widget渲染时的错误展示——因为WordPress小部件是无状态的，需要临时保存错误信息才能在页面刷新后显示。下面是具体的实现步骤和代码修改：

1. 核心思路 #

当用户提交的用户名/邮箱不存在时，我们用WordPress的transient（临时存储）来保存错误提示，然后在小部件渲染时检查这个存储：如果有错误就显示出来，之后立即清除存储，避免重复展示。

2. 修改你的Widget代码 #

把以下逻辑整合到你的widget()方法中（替换或补充你现有的代码）：

public function widget($args, $instance) {
    // 第一步：处理表单提交，验证用户并存储错误状态
    if (isset($_POST['no_password_login_submit'])) {
        // 安全处理提交的用户名/邮箱
        $user_login = sanitize_text_field($_POST['user_login']);
        
        // 尝试通过用户名或邮箱查找用户
        $user = get_user_by('login', $user_login);
        if (!$user) {
            $user = get_user_by('email', $user_login);
        }
        
        // 如果用户不存在，设置错误提示
        if (!$user) {
            // 用transient存储错误，30秒过期（避免一直显示）
            set_transient('no_password_login_error', '错误用户', 30);
            // 重定向回当前页面，避免表单重复提交（PRG模式）
            wp_redirect(get_permalink());
            exit;
        }

        // 这里保留你原有的无密码登录逻辑（比如生成登录链接、发送邮件等）
    }

    // 第二步：渲染小部件内容，先检查并显示错误提示
    echo $args['before_widget'];
    echo $args['before_title'] . apply_filters('widget_title', $instance['title']) . $args['after_title'];

    // 检查是否有错误提示需要显示
    $error_message = get_transient('no_password_login_error');
    if ($error_message) {
        // 输出错误提示，用内联样式或自定义CSS类美化
        echo '<div class="no-password-login-error" style="color: #dc3232; padding: 8px; background: #fef0f0; border-radius: 4px; margin-bottom: 15px;">' . esc_html($error_message) . '</div>';
        // 显示后立即删除transient，避免下次加载重复显示
        delete_transient('no_password_login_error');
    }

    // 第三步：输出登录表单（保留你原有的表单代码，或者用下面的示例）
    ?>
    <form method="post" action="<?php echo esc_url(get_permalink()); ?>">
        <p>
            <label for="<?php echo $this->get_field_id('user_login'); ?>">用户名/邮箱:</label>
            <input type="text" id="<?php echo $this->get_field_id('user_login'); ?>" name="user_login" class="widefat" required>
        </p>
        <p>
            <input type="submit" name="no_password_login_submit" class="button button-primary" value="无密码登录">
        </p>
    </form>
    <?php

    echo $args['after_widget'];
}

3. 关键细节说明 #

• Transient的使用：set_transient()是WordPress原生的临时存储机制，比直接用$_SESSION更贴合WP生态，且自动过期不会残留垃圾数据。
• 安全处理：用sanitize_text_field()清理用户输入，esc_html()转义错误输出，esc_url()处理表单action，避免XSS和安全漏洞。
• PRG模式：表单提交后重定向回当前页面，防止用户刷新页面时重复提交表单，提升体验。
• 样式自定义：你可以把内联样式替换成自定义CSS类，比如在主题的style.css里添加.no-password-login-error的样式，让提示更美观。

如果你的原插件已经有表单处理逻辑，只需要在用户验证失败的分支里添加set_transient()的代码，然后在widget渲染部分加上错误检查和输出即可。

内容的提问来源于stack exchange，提问作者Orlandroid