Form tester for Contact Form 7 - Conditional Fields for CF7

Form code

[step]
  <label for="txt">Enter some text*</label>
  [text* txt id:txt]
  <a href="#" class="skip-to-last">Skip to the last step. (without triggering validation)</a><br>
  <a href="#" class="skip-to-last-with-validation">Skip to the last step. (with validation)</a><br>
[step]
  step. Nothing much here. You should have skipped while you had the chance.</p>
[step]
  <p>Third step. Nothing much here. You should have skipped while you had the chance.</p>
[step]
  <p>Fourth step. Nothing much here. You should have skipped while you had the chance.</p>
[step]
  <p>Final step. Please submit!</p>
  [submit]
<script>
  (function($){
      $form = $('.wpcf7-form');
      $form.click(function(e){
          const $clickedElement = $(e.target);
          if ($clickedElement.hasClass('skip-to-last')) {
              wpcf7cf.multistepMoveToStep($form, 5);
              return false;
          }
          if ($clickedElement.hasClass('skip-to-last-with-validation')) {
            wpcf7cf.multistepMoveToStepWithValidation($form, 5);
            return false;
          }
      });
  })(jQuery)
</script>

Conditions (Text View)

Email / Summary code

Attachments

Additional settings

Resulting form

First update after 20 december 2024 needs extra attention!

Form Tester for Contact Form 7
powered by Conditional Fields for Contact Form 7

First update after 20 december 2024 needs extra attention!

Form Tester for Contact Form 7powered by Conditional Fields for Contact Form 7

Form Tester for Contact Form 7
powered by Conditional Fields for Contact Form 7