Wie gehe ich mit „Eingabe ist nicht fokussierbar“ bei der Javascript-Formularvalidierung um?

Question

Ich habe dieses Steuerelement

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

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.

Das funktioniert gut, aber wenn der Benutzer keine Datei auswählt und dann sendet, erhält er eine Fehlermeldung:

< ;/p>

Eingabe ist nicht fokussierbar

Wie kann ich diesen Fehler mithilfe einer benutzerdefinierten Javascript-Funktion beheben?

Answer 1

fileName needs required = true，而不是文件选择器。

然后你可以这样做:

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