条件が満たされた場合にのみ必要なフィールド

Question

私は、他のフィールドの中で、アップロードするユーザーの画像とIDを保持する隠しフィールドのフォームを持っています。 IDが空の場合にのみ必要な画像が必要です。そうしないと、ユーザーは編集中ですので、既にそこに画像があります。

HTMLでのみ行うことはできますか？たぶんこれはjavascriptで行うことができますが、requiredを設定したときに表示されるこのデフォルトのポップアップ（下に表示）を表示する方法は？私はthisとthisの質問をチェックしましたが、期待される結果が得られません。

ポップアップ：

任意のアイデア？

Answer 1

を。

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

コードがhereであるとわかりました。

Answer 2

シンプル： あなたのイメージのID'sの「ファイル」と呼ばれる配列を使用するために考えてみましょう：「ポップアップ」は、あなたが要素にHTMLSelectElement.setCustomValidity()を呼び出す必要があることを設定するには

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