Add morestep fieldset configuration

Author: denislorch

Configuration/TypoScript/Main/Configuration/10_Validation.typoscript

@@ -9,6 +9,11 @@ plugin.tx_powermail.settings.setup {
     # enable serverside validation
     server = {$plugin.tx_powermail.settings.validation.server}
 
+    morestep {
+      # enable clientside fieldset validation for morestep forms on step change
+      fieldset = {$plugin.tx_powermail.settings.validation.morestep.fieldset}
+    }
+
     unique {
       # EXAMPLE: Enable unique check for {email}
       #email = 1

Configuration/TypoScript/Main/constants.typoscript

@@ -38,6 +38,11 @@ plugin.tx_powermail {
 
       # cat=powermail_additional//0120; type=boolean; label= PHP Server Validation: Validate User Input with PHP on serverside
       server = 1
+
+      morestep {
+        # cat=powermail_additional//0130; type=boolean; label= Validate User Fieldset Input on Multistep Forms with JavaScript on step change
+        fieldset = 0
+      }
     }
 
     receiver {

Resources/Private/Partials/Form/Page.html

@@ -16,7 +16,7 @@
                 <button type="button" class="btn btn-secondary" data-powermail-morestep-show="{iterationPages.index - 1}">&lt;</button>
             </f:if>
             <f:if condition="!{iterationPages.isLast}">
-                <button type="button" class="btn btn-primary" data-powermail-morestep-show="{iterationPages.cycle}" data-powermail-morestep-previous>&gt;</button>
+                <button type="button" class="btn btn-primary" data-powermail-morestep-validate="{settings.validation.morestep.fieldset}" data-powermail-morestep-show="{iterationPages.cycle}" data-powermail-morestep-previous>&gt;</button>
             </f:if>
         </div>
     </f:if>

Resources/Private/Templates/Form/Form.html

@@ -33,7 +33,7 @@ <h3>{form.title}</h3>
                     <f:if condition="{settings.main.moresteps}">
                         <div class="btn-group powermail_multistep_navigation" role="group" aria-label="Multistep form page">
                             <f:for each="{form.pages}" as="page" iteration="iterationPages">
-                                <button class="btn btn-secondary{f:if(condition:iterationPages.isFirst,then:' active')}" type="button" data-powermail-fieldset="{page.uid}" data-powermail-morestep-current="{iterationPages.index}" data-powermail-morestep-show="{iterationPages.index}">{page.title}</button>
+                                <button class="btn btn-secondary{f:if(condition:iterationPages.isFirst,then:' active')}" type="button" data-powermail-morestep-validate="{settings.validation.morestep.fieldset}" data-powermail-fieldset="{page.uid}" data-powermail-morestep-current="{iterationPages.index}" data-powermail-morestep-show="{iterationPages.index}">{page.title}</button>
                             </f:for>
                         </div>
                     </f:if>