如何防止按钮在未选择值时提交表单.不使用javascript
How to prevent buttons from submitting forms when value is not selected. Without using javascript
在不使用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>
因为已经建议在复选框上添加一个"必需"属性,如下所示,它应该可以工作。不确定浏览器对该属性的支持,我怀疑它可能不适用于某些版本的 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>';
}
?>
html5 表单验证:http://www.the-art-of-web.com/html/html5-form-validation/
AngularJs 表单验证:https://docs.angularjs.org/guide/forms
相关文章:
- HTML表单提交时未执行外部函数
- JS表单提交"无法使用Chrome数据保护程序加载此页面.尝试重新加载页面.调试信息:POST CISmtuK
- 将图像上传ajax与表单提交ajax相结合
- Javascript无法处理表单提交
- 如何在我的情况下禁用表单提交
- 加载后的页面与ajax表单提交不起作用
- angularjs-控制器在表单提交时未调用
- 禁用带有字符白名单的表单提交
- 如何使用Google Analytics跟踪表单提交
- 使用javascript将表单提交到iframe目标中
- e.preventDefault在表单提交时被忽略
- AngularJS JQuery Ajax表单提交等效
- JavaScript表单提交帮助
- PHP表单提交和重定向
- 当所有输入文本字段都为空时,禁止表单提交,但当jquery中的任何字段不为空时允许提交
- setTimeOut AFTER jQuery表单提交
- 从函数中选择要触发表单提交的正确元素
- JavaScript表单提交没有't fire asp服务器端点击功能的提交按钮
- 表单提交问题,如何在我的URL末尾获得ID的值
- Javascript使用Confirm取消表单提交