<p>Ich habe dieses Steuerelement</p> <p><br /></p> <pre class="brush:html;toolbar:false;"><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"> </label> </div></pre> <p><br /></p> <p>Ich möchte das Textfeld mit dem Dateinamen füllen. Im obigen Code hat jede Datei ein Symbol. Wenn das Symbol gedrückt wird, sollte der entsprechende Dateiname in die Eingabe eingefügt werden. <br /><br />Das funktioniert gut, aber wenn der Benutzer keine Datei auswählt und dann sendet, erhält er eine Fehlermeldung:</p><p><br />< ;/p> <blockquote> <p>Eingabe ist nicht fokussierbar</p> </blockquote> <p>Wie kann ich diesen Fehler mithilfe einer benutzerdefinierten Javascript-Funktion beheben?</p>

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