PHPのチェックボックスからオプションが選択されていない場合、画面にアラートを表示する方法は？

Question

私は現在、フォームを作成中です。ユーザーがチェックリストからオプションを選択していない場合は、アラートを表示します。私はこの問題に関連する多くの記事を見てきましたが、それほど助けにはなりませんでした。私はJavaScriptでコーディングすることについて考えていません。私のコードは以下の通りです：

のindex.php

<form name='form1' method="post" action="checkbox_value.php" > 
    <div class="dropdownstay"> 
     <select name="city" class="option3" id="dropdown"> 
      <option value="1" id="1" style="font-size:20px; font-family:Monotype Corsiva;">Lahore</option> 
      <option value="2" id="2" style="font-size:20px; font-family:Monotype Corsiva;">Dubai </option> 
      <option value="3" id="3" style="font-size:20px; font-family:Monotype Corsiva;">Newyork</option> 
      <option value="4" id="4" style="font-size:20px; font-family:Monotype Corsiva;">Canberra</option> 
      <option value="5" id="5" style="font-size:20px; font-family:Monotype Corsiva;">Kuala Lampur</option> 
      <br> 

     </select> 

     <!--end for drop down --> 
    </div> 

    </div> 
    </li> 
    </ul> 
    </div> 
    <div class="reservation"> 
     <ul> 
      <li class="span1_of_1"> 
       <h5>What you want in hotel?</h5> 
       <br> 

       <section title="preferences"> 

         <input type="checkbox" value="is_pool" id="pool" name="check_list[]" checked /> 
         <text style="font-size:20px; font-family: Times New Roman;"> Pool </text> 
         <br/> 
         <input type="checkbox" value="is_gym" id="gym" name="check_list[]" checked /> 
         <text style="font-size:20px; font-family: Times New Roman;"> Gym </text> 
         <br/> 
         <input type="checkbox" value="is_beach" id="beach" name="check_list[]" /> 
         <text style="font-size:20px; font-family: Times New Roman;"> Beach </text> 
         <br/> 
         <input type="checkbox" value="is_spa" id="spa" name="check_list[]" /> 
         <text style="font-size:20px; font-family: Times New Roman;"> Spa </text> 
         <br/> 
         <input type="checkbox" value="is_wifi" id="wifi" name="check_list[]" checked /> 
         <text style="font-size:20px; font-family: Times New Roman;"> Wifi </text> 
         <br/> 
         <input type="checkbox" value="is_familyoriented" id="family" name="check_list[]" /> 
         <text style="font-size:20px; font-family: Times New Roman;"> Family Friendly</text> 
         <br/> 
         <input type="checkbox" value="is_economical" id="economical" name="check_list[]" /> 
         <text style="font-size:20px; font-family: Times New Roman;"> Economical </text> 
         <br> 
         <br> 
         <br> 
         <br> 

       </section> 

       <input type="submit" name="submit" value="Submit" /> 

</form> 

</li> 

は、selectタグを使用してJavaScriptコードを実装しようとしましたが、その後、私は今、それを選択したタグがドロップダウンリストのためのものになったときにそれらを削除しました。

ユーザーがチェックリストからオプションを選択せず​​にcheckbox_value.phpページにリダイレクトすると、アラートが表示されないという問題があります。チェックボックスのシナリオの検証を実装する方法を理解できません。リストからオプションがチェックされている場合にのみ、そのページにリダイレクトしたいと思います。この任務を達成するための助けは、非常に感知できるはずです。

Answer 1

あなたの最善の策は、分離された値（おそらく0、おそらく "null"）でOptionを作成し、それが選択されたときに警告を表示することです。

function validInput(){ 
 
    if(document.querySelector("select[name=city]).value === 0) { 
 
     alert("You haven't selected any City!"); 
 
    } 
 
}

<select name="city" class="option3" id="dropdown" onchange="validInput()"> 
 
      <option value="0" id="0" style="font-size:20px; font-family:Monotype Corsiva;" >Select a City....</option> 
 
      <option value="1" id="1" style="font-size:20px; font-family:Monotype Corsiva;" >Lahore</option> 
 
      <option value="2" id="2" style="font-size:20px; font-family:Monotype Corsiva;">Dubai </option> 
 
      <option value="3" id="3" style="font-size:20px; font-family:Monotype Corsiva;">Newyork</option> 
 
      <option value="4" id="4"style="font-size:20px; font-family:Monotype Corsiva;">Canberra</option> 
 
      <option value="5" id="5" style="font-size:20px; font-family:Monotype Corsiva;">Kuala Lampur</option> 
 
      <br> 
 
    </select>