WordPress后台表单提交后在表单底部显示成功消息实现求助

嘿，作为WordPress新手能自己搭建后台表单已经超棒啦！我来一步步带你实现提交后显示成功提示的功能，核心是利用WordPress的重定向机制和后台通知组件，具体步骤如下：

1. 注册表单提交的处理函数 #

首先你需要在主题的functions.php文件或者自定义插件里，注册处理表单提交的回调函数，用来接收admin-post.php传来的数据，处理完成后重定向回原表单页面：

// 绑定admin-post的action处理函数（仅登录用户可见，后台操作刚好适用）
add_action('admin_post_add_product_from_admin', 'handle_add_product_submission');

function handle_add_product_submission() {
    // 第一步：验证用户权限，确保只有管理员能操作
    if (!current_user_can('manage_options')) {
        wp_die('您没有权限执行此操作');
    }

    // 第二步：添加安全验证（非常重要，防止CSRF攻击）
    if (!isset($_POST['product_nonce']) || !wp_verify_nonce($_POST['product_nonce'], 'add_product_nonce')) {
        wp_die('安全验证失败，请重试');
    }

    // 第三步：处理表单数据（这里替换成你自己的保存逻辑）
    $product_name = isset($_POST['pr_name']) ? sanitize_text_field($_POST['pr_name']) : '';
    // 示例：如果是保存到自定义表，你可以用$wpdb->insert()；如果是自定义文章类型，用wp_insert_post()

    // 第四步：处理完成后，重定向回原表单页面，并带上成功标识
    $redirect_url = add_query_arg(
        array('product_added' => 'success'),
        admin_url('admin.php?page=add-products')
    );
    wp_redirect($redirect_url);
    exit; // 必须加上exit，否则重定向不会生效
}

2. 给表单添加安全验证字段 #

在你现有的表单代码里，添加一个nonce字段（安全验证用），放在隐藏的action字段附近就行：

<form action="<?php echo admin_url('admin-post.php') ?>" method="post">
    <table>
        <!-- 原有的隐藏action字段 -->
        <input type="hidden" name="action" value="add_product_from_admin">
        <!-- 添加安全nonce字段 -->
        <?php wp_nonce_field('add_product_nonce', 'product_nonce'); ?>
        
        <tr><td>Name</td><td><input type="text" name="pr_name" id="pr_name"></td></tr>
        <!-- 你的其他表单字段... -->
        <tr><td colspan="2"><input type="submit" value="添加产品"></td></tr>
    </table>
</form>

3. 在表单页面添加成功提示代码 #

最后，在你的表单页面（也就是admin.php?page=add-products对应的页面模板）里，找到表单底部的位置，添加检查成功标识并显示提示的代码：

<!-- 在表单下方添加提示区域 -->
<?php
// 检查URL里的成功标识，如果存在则显示成功提示
if (isset($_GET['product_added']) && $_GET['product_added'] === 'success') {
?>
<div class="notice notice-success is-dismissible">
    <p><?php _e('产品添加成功！', 'your-text-domain'); ?></p>
</div>
<?php
}
?>

这样当用户提交表单后，页面会重定向回原表单页，同时显示一个WordPress风格的可关闭成功提示框啦！

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