Bagaimana untuk mengendalikan "input tidak boleh difokuskan" dalam pengesahan borang javascript?

Question

Saya mempunyai kawalan ini

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

Saya mahu mengisi kotak teks dengan nama fail. Dalam kod di atas, setiap fail mempunyai ikon. Apabila ikon ditekan, nama fail yang sepadan hendaklah diisikan ke dalam input.

Ini berfungsi dengan baik, tetapi apabila pengguna tidak memilih fail dan kemudian menyerahkan, mereka mendapat ralat:

< ;/p>

input tidak boleh difokuskan

Bagaimanakah saya boleh mengendalikan ralat ini menggunakan fungsi javascript tersuai?

Answer 1

Nama fail diperlukan = benar, bukan pemilih fail.

Kemudian anda boleh melakukan ini:

$( "form" ).on( "submit", function( event ) {
  if ( $( "#fileName" ).val() ) {
    return;
  }
 
  console.log('not valid')
  event.preventDefault();
} );