如何在自定义WordPress插件中通过短代码正确处理表单提交并展示表单数据？

嘿，我来帮你搞定这个问题！你现在的短代码已经能渲染出表单了，但还缺了提交逻辑处理和结果反馈的部分，咱们一步步把它补全：

第一步：先把表单提交的安全和处理逻辑加上 #

首先，WordPress里处理表单一定要注意安全，**必须用nonce（一次性令牌）**来防止跨站请求伪造（CSRF）攻击。然后我们要在短代码函数的最开头，先检查是否有表单提交的请求，再验证nonce，最后处理用户输入的数据。

第二步：修改你的短代码函数，整合所有逻辑 #

我把完整的代码写出来，关键部分我会给你标注清楚：

function custom_contact_form() {
    // 用来存储提交结果的变量
    $submission_result = '';

    // 1. 检查是否是POST提交，并且nonce验证通过
    if (isset($_POST['contact_form_submit']) && wp_verify_nonce($_POST['contact_form_nonce'], 'contact_form_action')) {
        // 2. 清理并获取用户输入的数据
        $name = sanitize_text_field($_POST['name']);
        $email = sanitize_email($_POST['email']);

        // 3. 这里可以添加你的业务逻辑，比如发送邮件、保存到数据库等
        // 现在我们先把提交的数据展示出来，作为示例
        if (!empty($name) && !empty($email)) {
            $submission_result = '<div class="success-message">';
            $submission_result .= '<h3>你提交的信息如下：</h3>';
            $submission_result .= '<p><strong>姓名：</strong>' . esc_html($name) . '</p>';
            $submission_result .= '<p><strong>邮箱：</strong>' . esc_html($email) . '</p>';
            $submission_result .= '</div>';
        } else {
            $submission_result = '<div class="error-message">请填写完整的姓名和邮箱！</div>';
        }
    }

    // 开启输出缓冲
    ob_start();

    // 先显示提交结果（如果有的话）
    if (!empty($submission_result)) {
        echo $submission_result;
    }

    // 4. 渲染表单，注意加上nonce字段和规范的action
    ?>
    <form method="post" action="<?php echo esc_url($_SERVER['REQUEST_URI']); ?>">
        <!-- 生成nonce字段，安全验证用 -->
        <?php wp_nonce_field('contact_form_action', 'contact_form_nonce'); ?>
        
        <input type="text" name="name" placeholder="请输入姓名" required value="<?php echo isset($_POST['name']) ? esc_attr($_POST['name']) : ''; ?>">
        <input type="email" name="email" placeholder="请输入邮箱" required value="<?php echo isset($_POST['email']) ? esc_attr($_POST['email']) : ''; ?>">
        <!-- 把提交按钮的name改成更明确的，方便判断 -->
        <input type="submit" name="contact_form_submit" value="发送">
    </form>
    <?php

    return ob_get_clean();
}
add_shortcode('contact_form', 'custom_contact_form');

关键部分的解释 #

• 安全验证：用wp_nonce_field生成隐藏的nonce字段，提交后用wp_verify_nonce验证，这是WordPress开发的基本安全要求，绝对不能省。
• 数据清理：用sanitize_text_field、sanitize_email清理用户输入，防止恶意内容；输出的时候用esc_html、esc_attr转义，避免XSS攻击。
• 表单回显：如果用户提交时漏填了内容，表单里会保留已经输入的内容，提升用户体验。
• 结果反馈：提交成功或失败都会显示对应的提示，还能展示用户提交的具体数据。

你之前的问题怎么解决的？ #

• 之前你不知道怎么在短代码里处理提交：现在我们把提交逻辑放在了短代码函数的最开头，每次页面加载（包括表单提交后的刷新）都会先检查是否有提交请求，处理完再渲染表单或结果。
• 不知道怎么展示提交的数据：我们用$submission_result变量存储结果内容，在渲染表单之前先输出它，用户提交后就能看到自己填的信息了。

最后再提几个小建议 #

• 你可以给成功/错误消息加CSS样式，让它更显眼；
• 如果要把数据保存到数据库，可以用wp_insert_post（自定义文章类型）或者$wpdb直接操作；
• 如果要发送邮件，可以用WordPress的wp_mail函数，记得先配置好邮件服务。

内容来源于stack exchange