필수 항목 || 필요한 HTML5 양식

Question

양식에 두 개의 필수 입력란 중 하나만 입력하면 양식을 제출해야한다는 상황에 이르렀습니다. 불행히도, 두 필드에 모두 required 넣어 경우 두 채울 때까지 기다릴 것입니다.이 JS JS 사용하지 않고 작동합니까? 나는 그것에 관한 숨겨진 특징을 모르는 사이에 거의 불가능하다는 것을 알고 있습니까?

Answer 1

JS를 사용하지 않고도이 작업을 수행 할 수 있습니까?

아니요, 유효성 검사 클라이언트 쪽을 수행하려면 JavaScript가 필요합니다.

Answer 2

이 솔루션은 JS 필요하지만 쉽게 - 단순히 값이 이들 중 여부에 따라 요소의 .required 특성 전환 : 당신은 또한에 넣어 수

var t1 = document.getElementById('test1'); 
 
var t2 = document.getElementById('test2'); 
 

 
function toggleRequired() { 
 
    t2.required = (t1.value.trim() === ''); 
 
    t1.required = (t2.value.trim() === ''); 
 
} 
 

 
t1.addEventListener('change', toggleRequired, false); 
 
t2.addEventListener('change', toggleRequired, false);

<form> 
 
    <input name="test1" id="test1" required /> 
 
    <br/> 
 
    <input name="test2" id="test2" required /> 
 
    <br/> 
 
    <input type="submit" /> 
 
</form>

Answer 3

을 한 div. 그것은 나를 위해 일했다.

<form> 
    <div class=question> 
    <input id="field1_1" name="field1" required> 
    <input id="field1_2" name="field1" required> 
    <input type="submit" /> 
    </div> 
</form>