선택 옵션을 사용 중지하면 제출 양식이 중지됩니다.

Question

양식이 좋지 않으며 간단한 문제 여야하는 데 많은 어려움을 겪고 있습니다.

나는 다음과 같은 포함하는 폼이 있습니다

 <select id="values" name="Choice"> 
      <option value="choose">Please Choose...</option> 
      <option value="01">Value 1</option> 
      <option value="02">Value 2</option> 
     </select> 

내가하고 싶은 모든 어느 값-01 또는 값-02이 선택되어 있지만 장애인 옵션이 작동하지 않는 경우 제출에서 양식을 중지입니다 .

어떻게하면됩니까?

UPDATE : 이미 양식을 확인하기 위해 자바 스크립트를 사용하고 있지만이 작동하지 않는 것

.

function submitForm() { 
     if (formObj.Choice.value == '') { 
      alert("Please select a value"); 
      return false; 
     } 
     return true; 
    } 

업데이트 2 : 대답에서 @ h4b0 질문 : 양식 태그에

<input type="submit" value="Search" class="screen-reader-text button cf" name="SubmitButton" onclick="return submitForm();"> 

Answer 1

, 양식이 제출되면

<form name='myForm' method='post' id='myForm' onsubmit='return submitForm()'> 
.... 
</form> 

같은 것을 사용, 그것을 실행하는 자바 스크립트 함수를 호출 한 다음 결과 값을 폼에 반환합니다. 사실이라면 데이터를 게시합니다. 결과가 거 ~이면 제출을 취소합니다.

제출 버튼에있는 것과 거의 비슷하지만 onclick을 onsubmit으로 변경하고 이벤트 바인딩을 form 태그로 이동하십시오.

[편집]

양식은 선택의 값을 검사하는 방법에 false를 반환하지 않습니다. 옵션 중 아무 것도 value = ''를 가지지 않으므로 if 문은 true로 평가되지 않고 함수 호출자에게 false를 반환합니다.

Answer 2

시도 양식을 제출하는 동안 selectedIndex로 조건을 확인하는 메소드를 호출하고 제출을 취소하려면 false를 반환합니다.

<script> 
function validateMe(){ 
    var x=document.getElementById("Choice").selectedIndex; 
    var y=document.getElementById("Choice").options; 
    if(y[x] != "01"|| y[x] != "02"){ 
     return false; 
    } 
    return true; 
} 
</script> 
<form name="YourForm" id ="YourForm" onSubmit="return validateMe()"> 
<select id="values" name="Choice" id="Choice"> 
     <option value="choose">Please Choose...</option> 
     <option value="01">Value 1</option> 
     <option value="02">Value 2</option> 
    </select> 

<input type="submit" value="Search" class="screen-reader-text button cf" name="SubmitButton"> 

</form>