如何通過jQuery獲取不集中的輸入表單控件

Question

<form action="" method="post" enctype="multipart/form-data">
    <label class="btn btn-theme">
        <input type="file" name="file" value="" style="display:none;" required=""> click Me to choose file
    </label>
    <label class="btn btn-success">
        <input type="checkbox" name="checkbox" value="yes" style="display:none;" required=""> Are You agree ?
    </label>
    <br>
    <input type="submit" name="" value="Submit">
</form>

我想在用戶未選擇任何文件或不同意時顯示警報，然后在給定的代碼中按Submit按鈕。 現在，它給出"An invalid form control with name='file' is not focusable."

我知道其背后的原因，但是我該如何警告我的用戶您尚未選擇任何內容。
我不喜歡使用Jquery Submit或向他們顯示選擇文件圖標。

有什么辦法（借助jQuery幫助）使該元素集中在哪個瀏覽器上？

Answer 1

這另一個問題似乎是相似的。 您可以在表單中添加novalidate屬性嗎？ 可以在此處看到： 名稱=''的無效表單控件不可聚焦

Answer 2

JQuery具有應該執行您想要的焦點方法。

在某個位置創建變量，以跟蹤用戶是否單擊了輸入。

var inputFocusOccured = false;

然后，只要用戶單擊或觸摸輸入，就可以使用focus方法更改變量。

$("input").focus(function(){
    inputFocusOccured = true;
});

然后，當用戶單擊“提交”時，請檢查該值為true還是false

$("#SubmitBtn").click(function() {
    if(inputFocusOccured === false){
        alert( "Handler for .click() called." );
    }
});