JavaScript フォーム検証で「入力はフォーカス可能ではありません」を処理するにはどうすればよいですか?

Question

私はこのコントロールを持っています

<div class="conico">
  <input class="form-control" readonly id="fileName"/>
  <input class="form-control" type="file" style="display:none;" required="xxx" id="fileSelect"/>
  <label for="xxx" class="ico">
    <img src="/images/icocamera.svg">
  </ラベル>
</div>

テキストボックスにファイル名を入力したいと思います。上記のコードでは、各ファイルにアイコンがあります。アイコンが押されると、対応するファイル名が入力に入力されます。

これは正常に機能しますが、ユーザーがファイルを選択せず​​に送信すると、エラーが発生します:

< ;/p> <ブロック引用>

入力はフォーカス可能ではありません

カスタム JavaScript 関数を使用してこのエラーを処理するにはどうすればよいですか?

Answer 1

fileName にはファイル セレクターではなく、required = true が必要です。

そうすれば、次のことができます:

リーリー