仅在满足条件时为必填字段

Question

除其他字段外，我还有一个表格，其中有一张供用户上传的图片和一个包含ID的隐藏字段。 我仅在ID为空时才需要图片，否则用户正在编辑，因此那里已经有图片。

只能用HTML完成吗？ 也许可以用javascript来完成，但是如何显示刚设置为required时出现的默认弹出窗口（如下所示）？ 我已经检查了这个和这个问题，但是它们没有提供预期的结果。

弹出：

有任何想法吗？

Answer 1

要设置该“弹出窗口”，您需要在该元素上调用HTMLSelectElement.setCustomValidity（） 。

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

在这里找到的代码帮助我弄清楚了。

Answer 2

简单：考虑使用图像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.
}