숨겨진 요소를 필요로하지 않는 방법

Question

사용자가 라디오 버튼을 아니요로 선택하면 숨겨진 요소 (양식 제출)가 있는데 그 요소가 필요할 때 요소가 필요하지 않도록 만드는 방법이 있는지 궁금합니다. 숨겨져 있지만 그렇지 않을 때 요구된다. 어떤 아이디어?

<form method="post" enctype="multipart/form-data" onsubmit="return validateForm()"> 
     <input type="submit" value="Submit" /><br> 
     <label for="fname">First Name:</label> 
     <input type="text" required /><br> 
     <label for="lname">Last Name:</label> 
     <input class="lname" type="text" required/><br> 
     <label for="email">Email:</label> 
     <input class="email" type="text" required/><br> 
     <input type="radio" name="file" value="yes" id="yes" onclick="handleChange(false);" /> 
     <label for="Yes">Yes</label> 
     <input type="radio" name="file" value="no" id="no" onclick="handleChange(true);" /> 
     <label for="No">No</label><br> 
     <p><input type="file" size="30" id="fileUpload" ></p> 
    </form> 

    <script> 
     function validateForm() { 
      window.open("https://www.stackoverflow.com"); 
     } 

     function handleChange(remove) { 
      var element = document.getElementById('fileUpload'); 
      if (remove) 
       element.style.display = 'none'; 
      else 
       element.style.display = 'block'; 
     } 

    </script> 

Answer 1

요소를 사용 중지하면 필수 태그가 무시됩니다.

element.disabled = true;