只有在符合條件的情況下必填字段

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's的「文件」的數組：

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