HTML5 유효성 검사가 작동하지 않음 OnChange 선택 상자 양식 제출

Question

HTML5 유효성 검사가 작동하지 않습니다. OnChange On submit 상자 양식을 제출하십시오.

내가 사용하는 경우는 버튼 검증 작업, 를 제출하지만 난 onChange 양식 제출 및 HTML % 검증

<form action="do.php" method="post"> 
    <select id="myselect" name="myselect" onchange="this.form.submit()" required=""> 
     <option value=""> 
      select 
     </option> 

     <option value="1"> 
      One 
     </option> 

     <option value="2"> 
      Two 
     </option> 

     <option value="3"> 
      Three 
     </option> 

     <option value="4"> 
      Four 
     </option> 
    </select> <select id="myselect2" name="myselect2" onchange="this.form.submit()" required=""> 
     <option value=""> 
      select 
     </option> 

     <option value="5"> 
      five 
     </option> 

     <option value="6"> 
      six 
     </option> 

     <option value="7"> 
      seven 
     </option> 
    </select> 
</form> 

이 변경 양식에 조건이 다른 선택 상자를 확인 밖으로 제출했다가 필요합니다. 도와주세요.

Answer 1

'해킹'http://jsfiddle.net/MGhA7/을 사용할 수 있습니다.

<select required="required">을 지정하면 값은 비워 둘 수 없으므로 <option value="" selected disabled>empty</option>을 추가하면 기본값이 비어있어 다시 선택할 수 없습니다.

EDIT : 조금 더 설명.

"선택한"값이 실제로는 ""(비어 있음)이기 때문에 양식을 제출할 수 없습니다. 필수 속성에 의해 허용되지 않습니다. 사용자가 선택을 변경하면 "disabled"속성으로 인해 기본값을 다시 선택할 수 없습니다.

Answer 2

HTML5 유효성 검사는 양식이 HTML 구문을 사용하여 제출 된 경우에만 적용됩니다. 스크립트와 함께 제출되면 HTML5 유효성 검사가 수행되지 않습니다. 따라서 자바 스크립트에서 자체 유효성 검사를 코딩해야합니다.

참조 : HTML5 LC, 4.10.22.3 Form submission algorithm, 여기서 항목 4는 "submit() 제출 방법 플래그"가 설정되지 않았 음을 포함하여 유효성 검사를 수행하기위한 조건을 나열합니다.