HTML 폼 유효성 검사 - 숨겨진 텍스트 입력의 유효성을 검사하지 않습니다.

Question

두 개의 개별 입력 세트로 사용자가 두 가지 모드 중 하나를 선택해야하는 양식이 있습니다. 일부 입력은 required입니다. CodePen

에

<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> 

예에서는 사용자가 있기 때문에, 다른 부분에서의 빈 필드 방지 제출 양식의 일부를 채우는 경우.

숨겨진 부분의 입력란에 대한 유효성을 어떻게 비활성화 할 수 있습니까? 가급적 숨겨진 입력 속성을 제거하지 않아도됩니다.

기본 방법은 없나요?

Answer 1

(필자는 평판이 충분하지 않습니다.) jQuery 유효성 검사 (https://jqueryvalidation.org/validate#options)를 혼합하여 기본 동작을 방지하면 원하는 결과를 얻을 수 있습니다.