Javascript 如何在提交表单时显示带有复选框的错误消息

我想在单击提交按钮时显示错误消息。因此，假设我有3个复选框：（我显示一个，因为另一个是相同的）。 请添加有关表单的更多代码。它在该级别不可调试。我应该加上这个作为评论，但你可以看到我没有足够的声誉分数

<label>
     <input type="checkbox"  name="privacy" value="1" id="privacy" required="required" >
      <span class="text-gray" style="font-size: 12px;"> 
        <a href="/privacy-policy/" target="_blank">Privacy</a>
      </span>
</label>

所有复选框都具有属性

required=“required”

。当我单击submit按钮而复选框未选中时，我得到两件事：
1） 我没有阅读任何关于“复选框为空”的内容，当属性是必需的时，我必须阅读这些内容进行HTML5默认验证
2） 我发现此错误：名为='privacy'的无效表单控件不可聚焦。

有人能帮我吗

 <script type="text/javascript">

  function checkForm(form)
  {

    if(!form.terms.checked) {
      alert("Please indicate that you accept the Terms and Conditions");
      form.terms.focus();
      return false;
    }
    return true;
  }

</script>

<form  onsubmit="return checkForm(this);">

<p><input type="checkbox" name="terms"> I accept the <u>Terms and Conditions</u></p>
<p><input type="submit"></p>
</form>

功能检查表（表格）
{
如果（！form.terms.checked）{
提醒（“请表明您接受条款和条件”）；
form.terms.focus（）；
返回false；
}
返回true；
}
我接受条款和条件

使用checked，这样它就会被检查，检查下面的代码，我想它会对您有所帮助

$（文档）.ready（函数（）{
$（“#提交”）。单击（函数（）{
var chkinput=document.getElementById（“隐私”）；
如果（chkinput.checked）{
警报（“已检查！”）；
}
否则{
警报（“未检查”）；
}
});
});



提交


提交
谢谢您的代码，但它不正确，因为我必须创建一个隐私策略字段，因此用户必须选中复选框。我无法向用户显示刚刚选中的所有复选框！是的，我知道了，基本上它不应该显示错误，请再次检查我上面的代码，并尝试提交最后一次提交它工作正常。请尝试使用“我想在单击提交按钮时显示错误消息”。在代码中显示您是如何做到这一点的。“请添加更多关于表单的代码”是的，请这样做。看一看，请用注释将此作为一个工作示例进行清理，并描述它为OP所做的工作。