如何處理「輸入是不可聚焦的」在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">
  </label>
</div>

我想用檔案名稱填滿文字方塊。在上面的程式碼中，每個檔案都有一個圖示。當按下圖示時，相應的檔案名稱應該填入輸入。

這工作得很好，但是，當用戶沒有選擇一個文件，然後提交他們得到一個錯誤:

< ;/p>

input is not focusable

如何使用自訂javascript函數處理此錯誤?

Answer 1

fileName needs required = true，而不是檔案選擇器。

然後你可以這樣做:

#

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