Crocoblock JetEngine表单提交后清空字段方案（表单ID:5503）

方法1：利用JetEngine内置表单设置（优先推荐） #

• 进入WordPress后台，打开JetEngine > Forms，找到ID为5503的表单并点击编辑
• 在表单编辑页面切换到提交设置标签
• 找到*"提交后动作"选项，选择"重置表单"*（部分版本显示为"清空表单"）
• 保存表单设置，前端提交测试，表单将自动清空

方法2：自定义JavaScript代码（内置设置无效时使用） #

如果内置选项未生效，通过自定义JS实现：

• 进入WordPress后台的外观 > 自定义 > 额外代码（或主题自带的自定义代码编辑区域）
• 在JS代码栏中添加以下代码：

document.addEventListener('DOMContentLoaded', function() {
  // 监听JetEngine表单提交成功事件
  document.addEventListener('jet-forms/success', function(event) {
    // 匹配目标表单ID
    if (event.detail.formId === 5503) {
      const targetForm = document.querySelector(`form[data-form-id="5503"]`);
      if (targetForm) {
        targetForm.reset();
      }
    }
  });
});

• 保存设置后测试表单提交效果

方法3：PHP钩子实现（进阶场景） #

若需要更灵活的控制逻辑，可通过PHP钩子实现：
在主题的functions.php文件中添加以下代码：

add_action('jet-engine/forms/after-submit', function($form) {
  // 验证目标表单ID
  if ($form->get_id() === 5503) {
    // 输出前端重置脚本
    ?>
    <script>
      document.querySelector('form[data-form-id="5503"]').reset();
    </script>
    <?php
  }
}, 10, 1);

• 保存文件后测试表单提交效果

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