Javascript 如何从HTML表单验证中排除具体的输入/选择字段？

如何从HTML表单验证中排除具体的输入/选择字段

我想要的是，在不更改css的情况下，

不会被“select:valid”或“select:invalid”选择器选择

我正在开发自定义UI控件元素，不想强迫用户提供额外的样式——如果有可能跳过它，如果我可以通过HTML属性或javascript实现它的话

看起来应该执行

element.willValidate=false

操作，但这不起作用-此属性为只读

事实上我不明白

HTMLSelectElement.willValidateRead仅读取一个表示 按钮是否为约束验证的候选按钮。它是 如果有任何条件阻止其进行约束验证，则为false

按钮

var-selectElement=document.querySelector（“.myselect”）
selectElement.willValidate=false；
console.log（selectElement.willValidate）；//仍然正确
//不工作

.myselect:有效{
边框颜色：绿色；
边框宽度：3倍；
}
.myselect:无效{
边框颜色：红色；
边框宽度：3倍；
}

希望看到带有规则边框的selectElement，但它的样式为：（in）valid

10002000

在启用空选项时似乎有效。请显示您的代码。嘿，Roman，：invalid选择器允许您选择由其type属性确定的不包含有效内容的元素（compare type=“email”for）。Type返回下拉列表是哪种类型的表单元素（[）。在您的情况下Type=“multiple”。因此，selectElement.willValidate将始终返回true，因为您的select有一些选项。我想您需要应用一些JS逻辑来手动添加样式…@MariaK。谢谢。多么“传统”UI控件从dinamic js代码中添加css规则的情况如何？您可能知道有利弊的好文章吗？@RomanPokrovskij您是指自定义验证吗？在Angular（我来自哪里）中，它确实是众所周知的，例如。[我不是专家，但这似乎与您的方向一致（参见“自定义验证”部分）：[