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

【问题标题】：Required field only if condition is met仅在满足条件时为必填字段
【发布时间】：2017-08-20 00:04:19
【问题描述】：

我有一个表单，其中包含供用户上传的图片和用于保存 ID 的隐藏字段。只有ID为空时才需要图片，否则用户正在编辑，所以那里已经有图片了。

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

弹出窗口：

有什么想法吗？

【问题讨论】：

我只是想到了这个：让php检查ID是否为空，如果为正，则在图片中回显required，如果为负，则不回显..嗯
我现在觉得很傻......但仍然好奇如何从 js 中“调用”弹出/提示，如果可能的话

标签： javascript html twitter-bootstrap forms required

【解决方案1】：

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

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

here 找到的代码帮助我弄清楚了。

【讨论】：

【解决方案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.
}

【讨论】：

很抱歉，您误解了我的问题。