Javascript 如何启用显示为“无”的所需输入？

我想在“file”类型的输入中显示“required”警报，它是隐藏的（display:none），因为它必须具有特定的样式，并且该样式应用于其相应的标签。以下是一个例子：

Foto副官

您可以使用JavaScript

<script>
function check() {
    var x = document.getElementById("add-photo-input").value;
    if (x == "") {
        document.getElementById("add-photo").style="border:.1em solid blue";
        alert("Please add photo");
        return false;
    }
} function reset() {
    document.getElementById("add-photo").style="border:none";
}
</script>

函数检查（）{
var x=document.getElementById（“添加照片输入”）.value；
如果（x==“”）{
document.getElementById（“添加照片”）.style=“边框：.1em纯蓝色”；
警告（“请添加照片”）；
返回false；
}
}函数重置（）{
document.getElementById（“添加照片”）.style=“边框：无”；
}

并确保在单击提交按钮时调用检查功能：

<label for="add-photo-input" id="add-photo" onclick="reset()">Adjuntar Foto</label>
<input id="add-photo-input" type="file" required name="add-photo-input" style="display:none">
<input onclick="check()" id="submit" type="submit" />

Foto副官

---

了解更多信息会很有帮助，是否有原因使您无法更改文件输入元素的样式以匹配所需内容？

您可以随时检查输入字段是否有任何值。基于此，您可以显示适当的消息。不要使用显示：无，请使用不透明度：0@ScottMarcus，非常感谢，我用你的建议解决了这个问题