如果在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> 

试图执行通过选择标签的JavaScript代码，但然后取出它们，当我到现在选择标签的下拉列表。

的问题是，如果用户不选择从清单的任何选项，并重定向到checkbox_value.php页面不显示警报。我无法弄清楚如何实现复选框场景的验证。只有在从列表中选中任何选项的情况下，我才想将其重定向到该页面。任何帮助完成这项任务应该是非常可观的。

Answer 1

最好的办法是，使与分隔值（可能为0，也许“空”），每当被选择，显示警告的选项。

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>