<p>我有这个控件</p> <p><br /></p> <pre class="brush:html;toolbar:false;">&lt;div class="conico"&gt; &lt;input class="form-control" readonly id="fileName"/&gt; &lt;input class="form-control" type="file" style="display:none;" required="xxx" id="fileSelect"/&gt; &lt;label for="xxx" class="ico"&gt; &lt;img src="/images/icocamera.svg"&gt; &lt;/label&gt; &lt;/div&gt;</pre> <p><br /></p> <p>我想用文件名填充文本框。在上面的代码中，每个文件都有一个图标。当按下图标时，相应的文件名应该填充到输入中。<br /><br />这工作得很好，但是，当用户没有选择一个文件，然后提交他们得到一个错误:</p><p><br /></p> <blockquote> <p>input is not focusable</p> </blockquote> <p>如何使用自定义javascript函数处理此错误?</p>

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