复选框检查事件验证没有 Javascript

Checkbox check event validate without Javascript?

本文关键字：Javascript 验证 检查 事件 复选框      更新时间：2023-09-26

我已经尝试过，但没有任何解决方案。

假设有标签为"同意条款和条件"的复选框。是否可以在不使用Javascript/Jquery的情况下使用复选框选中/未选中事件来修改标签文本的颜色？

除了 M. Kejji 指出的required属性（这是正确的方法）之外，还有一种 CSS 方法：

可以在

限制范围内执行此操作，但这很丑陋。它并没有真正阻止表单提交，它只是阻止显示提交按钮。

基本上，如果没有选中，您可以使用 CSS :checked伪类和（例如）相邻的同级组合器来隐藏 submit 按钮：

.disable-submit + input[type=submit] {
  display: none;
}
.disable-submit:checked + input[type=submit] {
  display: inline;
}
<p>Tick and untick the box</p>
<form>
  <input type="checkbox" class="disable-submit">
  <input type="submit" value="Send">
</form>

我不是建议它，只是说这是可能的。

无论如何，通常的警告：即使您使用的是JavaScript，也可以绕过客户端上的所有内容，这并不意味着您不需要服务器端验证。

是的，

HTML5 具有输入字段的 required 属性：

<input type="checkbox" name="agree" required /> By clicking this, blablabla

如果用户尝试提交表单而不选中该框，他们将被阻止，并被浏览器抛出明确的消息。

上面的答案是正确的，但是，提供的代码必须在表单的上下文中。单击表单的提交元素时，网页将给出错误。

这里
的例子请注意，Apple Safari 不支持 input 元素的 required 属性（根据 w3schools）

相关文章：