Javascript 仅当满足条件时才输入必填字段

我有一个表单，其中有一个供用户上传的图片和一个用于保存ID的隐藏字段。我需要仅当ID为空时才需要该图片，否则用户正在编辑，因此其中已经有一张图片

只能用HTML完成吗？也许这可以通过javascript实现，但是如何显示当您刚刚设置

必需时出现的默认弹出窗口（如下所示）？我已经检查了一些问题，但它们没有提供预期的结果

弹出窗口：


有什么想法吗？
简单：
考虑使用一个名为“文件”的图像ID：阿纳尔：
var file = this.files[0];
var fileType = file["type"];
var ValidImageTypes = ["image/gif", "image/jpeg", "image/png"];
if ($.inArray(fileType, ValidImageTypes) < 0) {
     // invalid condition goes here.
}

var file=this.files[0]；
var fileType=file[“type”]；
var ValidImageTypes=[“image/gif”、“image/jpeg”、“image/png”]；
if（$.inArray（文件类型，ValidImage类型）<0）{
//这里的条件无效。
}
要设置“弹出窗口”，需要调用元素

var foo = document.getElementById("foo");
// check condition
foo.setCustomValidity("A custom message for the popup");

找到的代码帮助我找到了答案。
我只是想了一下：让php检查ID是否为空，如果为正，在图片中回显
required
，如果为负，则不回显。。嗯，我现在觉得自己很傻。。但仍然好奇如何从js中“调用”弹出/提示，如果可能的话，我很抱歉，但你误解了我的问题。