HTML Formular Validierung - nicht verdeckte Text Eingaben validieren

Question

Ich habe ein Formular, wo der Benutzer zwischen zwei Modi wählen muss, mit zwei individuellen Sets von Eingaben. Einige Eingaben sind required.

<form> 
    <div class="form-group"> 
    <label>This or that?</label> 
    <div class="controls"> 
     <label class="radio-inline"> 
     <input type="radio" name="thisthat" value="this"> 
     This 
      </label> 
     <label class="radio-inline"> 
     <input type="radio" name="thisthat" value="that" checked> 
     That 
     </label> 
    </div> 
    </div> 
    <div class="this"> <!-- hidden as the page loads --> 
    <div class="form-group"> 
     <input type="text" class="form-control" required="" placeholder="Some of this" /> 
    </div> 
    <div class="form-group"> 
     <input type="text" class="form-control" required="" placeholder="Some more of this" /> 
    </div> 
    <div class="form-group"> 
     <input type="text" class="form-control" placeholder="This again" /> 
    </div> 
    </div> 
    <div class="that"> 
    <div class="form-group"> 
     <input type="text" class="form-control" required="" placeholder="Some of that" /> 
    </div> 
    <div class="form-group"> 
     <input type="text" class="form-control" required="" placeholder="Some more of that" /> 
    </div> 
    <div class="form-group"> 
     <input type="text" class="form-control" placeholder="That again" /> 
    </div> 
    </div> 
    <button class="btn btn-info" type="submit">Submit</button> 
</form> 

Beispiel auf CodePen

Wenn der Benutzer füllt einen Teil der Form aus der werfen, weil die leeren Feldern in dem anderen Teil verhindert wird.

Wie kann ich die Validierung für die Felder im verborgenen Teil deaktivieren? Vorzugsweise ohne die required Eigenschaften der versteckten Eingänge zu entfernen.

Gibt es einen Standard Weg, dies zu tun?

Answer 1

(Ich habe nicht genug Reputation zu kommentieren) Sie könnten vielleicht eine Mischung aus jQuery-Validierung (https://jqueryvalidation.org/validate#options) und verhindern Standardverhalten, um zu dem gewünschten Ergebnis zu bekommen.