Javascript 验证引导4表单的两个复选框

在Bootstrap 4中，我需要使用两个复选框验证表单：

名字
姓
1.
2.
提交表格
//示例starter JavaScript，用于在存在无效字段时禁用表单提交
（功能（）{
"严格使用",；
addEventListener（'load'，function（））{
//获取要应用自定义引导验证样式的所有表单
var forms=document.getElementsByClassName（'needs-validation'）；
//对它们进行循环并防止提交
var validation=Array.prototype.filter.call（表单，函数（表单）{
表单.addEventListener（'submit'，函数（事件）{
if（form.checkValidity（）==false）{
event.preventDefault（）；
event.stopPropagation（）；
}
form.classList.add（'was-validated'）；
}，假）；
});
}，假）；
})();

如果至少选中一个复选框，则表单有效

---

我不熟悉引导和Javascript。如何将复选框的验证添加到上面的脚本中？

我会这样做。获取复选框的引用并添加其他验证

名字
姓
1.
2.
提交表格
//示例starter JavaScript，用于在存在无效字段时禁用表单提交
（功能（）{
"严格使用",；
addEventListener（'load'，function（））{
//获取要应用自定义引导验证样式的所有表单
var forms=document.getElementsByClassName（'needs-validation'）；
//对它们进行循环并防止提交
var validation=Array.prototype.filter.call（表单，函数（表单）{
表单.addEventListener（'submit'，函数（事件）{
//获取第一个复选框
const checkbox1=form.querySelector（“#inlineCheckbox1”）；
//获取第二个复选框
const checkbox2=form.querySelector（“#inlineCheckbox2”）；
//检测是否至少选中了一个复选框
const isCheckboxChecked=checkbox1.checked | | checkbox2.checked；
//如果表单无效或至少有一个复选框未选中->验证失败
if（form.checkValidity（）==false | | isCheckboxChecked==false）{
event.preventDefault（）；
event.stopPropagation（）；
}
form.classList.add（'was-validated'）；
}，假）；
});
}，假）；
})();

谢谢。如果未选中至少一个复选框，如何向用户提供反馈？例如，将复选框标记为红色，并显示文本“请选择至少一个复选框”。您可以在消息中创建并附加元素，或在该消息上切换类，以在

display:none

和

display:block

之间切换。例如，

if（！isCheckboxChecked）{document.querySelector（''）.classlist.toggle（'error'）；}否则{document.querySelector（''）.classlist.toggle（'error'）；}