如何实现Contact Form 7工时表表单的暂存功能？

这个需求完全可行，不少开发者都基于Contact Form 7实现过类似的暂存编辑功能，你当前的思路（绕过验证、用不同数据表区分暂存/正式提交）是正确的，下面是具体落地的实操方案：

• 核心逻辑：拆分暂存与提交动作
  给表单新增「暂存」按钮，通过前端标记区分用户的操作类型，后台根据标记执行不同的处理逻辑：暂存时跳过CF7默认验证和邮件发送，将数据存入临时表；正式提交时复用你已有的保存逻辑存入正式数据表，同时可同步清理临时表数据。

• 具体实现步骤

  1. 前端标记动作类型
     在CF7表单里添加隐藏字段，再给「暂存」按钮绑定JS事件修改该字段值，触发表单提交：

     <!-- 表单内添加隐藏字段 -->
     <input type="hidden" name="action_type" value="submit">
     <!-- 暂存按钮 -->
     <button type="button" class="cf7-draft-btn">暂存工时表</button>
     

     document.querySelector('.cf7-draft-btn').addEventListener('click', function(e) {
       e.preventDefault();
       document.querySelector('input[name="action_type"]').value = 'draft';
       document.querySelector('.wpcf7-form').submit();
     });
     

  2. 后台拦截并处理暂存请求
     利用CF7的wpcf7_before_send_mail钩子，在邮件发送前判断动作类型，执行对应逻辑：

     add_action('wpcf7_before_send_mail', 'cf7_handle_timesheet_draft');
     function cf7_handle_timesheet_draft($form) {
       $submission = WPCF7_Submission::get_instance();
       if (!$submission) return;
     
       $posted_data = $submission->get_posted_data();
       $action_type = $posted_data['action_type'] ?? 'submit';
     
       // 处理暂存
       if ($action_type === 'draft') {
         // 跳过邮件发送
         $form->skip_mail = true;
         // 调用你的保存函数存入临时数据表（需关联当前用户ID）
         your_custom_save_function($posted_data, get_current_user_id(), 'draft');
         // 返回用户提示
         $submission->set_response('工时表已暂存，可随时返回编辑');
       } else {
         // 正式提交，复用你现有的保存逻辑
         your_custom_save_function($posted_data, get_current_user_id(), 'submit');
         // 可选：提交后删除该用户的临时数据
         your_custom_delete_draft_function(get_current_user_id());
       }
     }
     

  3. 加载暂存数据到表单
     用户返回编辑时，通过用户ID从临时表取出数据，填充到表单字段中：

     add_filter('wpcf7_form_elements', 'cf7_populate_draft_timesheet');
     function cf7_populate_draft_timesheet($form_html) {
       $user_id = get_current_user_id();
       if (!$user_id) return $form_html;
     
       // 从临时表获取用户的暂存数据
       $draft_data = your_custom_get_draft_function($user_id);
       if (!$draft_data) return $form_html;
     
       // 替换表单字段的默认值，示例为工时输入框
       $form_html = str_replace(
         '[text* work-hours]',
         '[text* work-hours value="' . esc_attr($draft_data['work_hours']) . '"]',
         $form_html
       );
       // 其他字段同理替换
       return $form_html;
     }
     

• 关键注意点

  • 临时数据表需关联用户ID，避免不同用户数据混淆
  • 可定期清理过期的暂存数据（比如超过30天的），避免数据库冗余
  • 暂存时可跳过非必填项验证，但用户标识等核心字段需确保存在

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