未選擇值時如何防止按鈕提交表單。 不使用JavaScript

Question

無論如何，如果未選擇該值而不使用javascript，是否可以阻止按鈕提交表單？

這是我的代碼。

<!-- form -->
<form name="aform" action="second_page.php" method="POST">
    <div id="collegelane">
         Please choose only one from the following rooms:
    </div>

    <?php

         // connects to database
         require("user_connection.php");


         $q = mysqli_query($connect, "SELECT * FROM `campus`");
         while ($line = mysqli_fetch_assoc($q)) {
         echo '<input id="onclick" type="checkbox" name="car" 
            value="'.$line['room'].'"><label>'.$line['room'].'</label></br>';
        }

    ?>

    </br>
    </br>

    <div id="next">
        <input type="submit" name="next" Value="next"/>
    </div>

</form>

Answer 1

由於已經建議您在復選框上添加“ required”屬性，如下所示，它應該可以正常工作。 不確定瀏覽器是否支持該屬性，我懷疑它可能不適用於某些版本的IE。

<?php

             // connects to database
             require("user_connection.php");


             $q = mysqli_query($connect, "SELECT * FROM `campus`");
             while ($line = mysqli_fetch_assoc($q)) {
             echo '<input id="onclick" required type="checkbox" name="car" 
                value="'.$line['room'].'"><label>'.$line['room'].'</label></br>';
            }

        ?>

Answer 2

html5表單驗證： http : //www.the-art-of-web.com/html/html5-form-validation/

AngularJs表單驗證： https ://docs.angularjs.org/guide/forms