필수 입력란은 요소 표시시에만 필요합니다.

Question

라디오 버튼의 형태로 권한있는 대리인이 있는지 묻는 양식이 있습니다. 사용자가 '예'옵션을 선택하면 담당자에 대한 추가 필드가 표시되고 필수 입력 '대표 이메일'이 표시됩니다.

사용자가 예 옵션을 선택했을 때만 필요한 방법이 있습니까? 사용자가 '옵션 없음'을 선택하면이 필수 입력란 값을 계속 찾기 때문에 양식이 제출되지 않습니다.

<form> 

<div class="onBehalfOf"> 
<input type="radio" checked="checked" name="Radio" id="yes" value="Yes"> 
<label for="yes"> Yes</label> 
<input type="radio" name="Radio" id="no" value="No"> 
<label for="no"> No</label> 
</div> 

<div class="authorizedRep"> 
Email: 
<input type="email" required /> 
</div> 

<input type="submit" label="submit" /> 

</form> 

js Fiddle Example

Answer 1

작은 변화로 당신은 당신이/보여 필드를 숨기 이메일 입력에 required 속성을 전환 할 수 있습니다. 요소에 적절한 emailInput 클래스를 추가하기 만하면됩니다.

$('.onBehalfOf input:radio').change(function() { 
    if ($(this).is(':checked') && $(this).val() == 'No') { 
    if ($('.authorizedRep').hasClass("hide")) { 

    } else { 
     $('.authorizedRep').addClass("hide"); 
     $('.emailInput').removeAttr('required'); 
    } 
    } 

    if ($(this).is(':checked') && $(this).val() == 'Yes') { 
    $('.authorizedRep').removeClass("hide"); 
    $('.emailInput').attr('required'); 
    } 
});