Javascript 为什么<；必需的>；尽管设置了一些JS代码，但我的复选框上的属性仍能正常工作？

好的，尽管JS代码要求用户需要选中此

复选框才能提交表单，但为什么仍然可以发送我创建的
html
表单而无需选中隐私政策同意
复选框

我的浏览器是Edge

代码如下：


#同意复选框{
位置：绝对位置；
显示：内联；
左边距：5px；
边际下限：12000像素；
填充物：5px；
背景色：白色；
}
#同意复选框{
显示：无；
边缘底部：20px；
}
输入+。标签文本：之前{
内容：“\f046”；
字体系列：Fontsome；
右边距：5px；
显示：内联块；
宽度：1米；
字体大小：15px；
线高：1；
字体大小：正常；
字体风格：普通；
字体变体：正常；
}
输入：选中+。标签文本：之前{
内容：“\f096”；
字体系列：Fontsome；
线高：1；
字体大小：正常；
字体风格：普通；
字体变体：正常；
字体大小：15px；
}
.标签文本{
字体大小：15px；
颜色：#FFF；
字体大小：正常！重要；
光标：指针！重要；
}
.无内容：之后{
内容：“；
边缘顶部：5px；
}

函数验证（）{
var x=document.getElementById（“myCheck”）。必填项；
document.getElementById（“demo”）.innerHTML=“提交此表单之前，您必须同意我们的隐私政策。”；
}


隐私声明

我们希望您了解我们的服务是如何运作的，以及我们为什么需要您的注册详细信息。请阅读我们的建议，然后在下面打勾表示您同意。


我接受并同意隐私政策*
提交此表格之前，您必须同意我们的隐私政策



这很简单。您应该将它们包装在表单元素中：

<form>
...
</form>


...

以及您可能需要的其他属性，如操作、方法。检查。
您需要将您的输入打包成一个表单，以便它工作。这是您的更新代码

<form>
    <label class="no-content" style="display: inline;">
      <input name="agreePP" id="myCheck" type="checkbox" value="agreePP" required>
      <span class="label-text">I accept and agree to the Privacy Policy*</span>
      <p id="demo" class="label-text" style="color:red!important;"></p>
    </label>
    <input onClick="consentValidation()" class="std_button" type="submit" value="Submit"/>
</form>


我接受并同意隐私政策*

您的功能目前没有任何用途。目前，变量
x
从未被引用，用户将始终得到验证错误。您还应该监听表单的submit事件，而不是按钮的click事件。是的，很抱歉，这是包装在html中的。您的html必须位于
标记内，才能使用属性
required