未选择值时如何防止按钮提交表单。不使用 javascript答案

【问题标题】：How to prevent buttons from submitting forms when value is not selected. Without using javascript未选择值时如何防止按钮提交表单。不使用 javascript
【发布时间】：2016-04-24 19:30:11
【问题描述】：

在不使用 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>

【问题讨论】：

css-tricks.com/exposing-form-fields-radio-button-css - 使提交按钮不可见，除非检查按钮被选中
我很确定required 属性可以用于复选框。

标签： javascript php html forms button

【解决方案1】：

因为已经建议在您的复选框上添加一个“必需”属性，如下所示，它应该可以工作。不确定浏览器是否支持该属性，我怀疑它可能不适用于某些版本的 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>';
            }

        ?>

【讨论】：

【解决方案2】：

html5 表单验证： http://www.the-art-of-web.com/html/html5-form-validation/

AngularJs 表单验证： https://docs.angularjs.org/guide/forms

【讨论】：