Question

我想展示＆＃34;必需＆＃34;在类型＆＃34;文件＆＃34;的输入中发出警报，这是隐藏的（显示：无），因为它必须具有特定的样式，并且此样式应用于其相应的标签。以下是一个例子：

＆＃13;

<label for="add-photo-input" id="add-photo">Adjuntar Foto</label>
<input id="add-photo-input" type="file" required name="add-photo-input" style="display: none;">

＆＃13;

Answer 1

您可以使用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>

确保在单击提交按钮时调用check函数：

<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" />

获取更多信息会有所帮助，您是否有理由无法更改文件输入元素的样式以匹配您想要的内容？

如何使用display：none启用所需的输入？

1 个答案: