仅在满足条件时必填字段

Question

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

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

弹出：

有什么想法吗？

Answer 1

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

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

找到的代码here帮助我解决了问题。

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.
}