僅在滿足條件時為必填字段

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