在表单提交时取消隐藏叠加层和微调框

Question

我正在使用asp.net core v2.1，bootstrap 4.1，jquery 3.3和jquery-validation-unobtrusive 3.2。我有一个由mvc框架生成的表单，该表单始终会重定向到新页面，以获取成功或详细的错误信息。在提交过程中，取消隐藏叠加层和微调框，例如：

<div id="spinner" class="overlay" hidden>
    <i class="centered fas fa-spinner fa-spin fa-4x"></i>
</div>

我在通过babel处理的模块中使用以下javascript：

import 'jquery-validation';
import 'jquery-validation-unobtrusive';
import Styles from './Spinner.css';

$(() => {
  const form = $("form");
  form.submit(function(e){
    if (form.valid()) {
      $("#spinner").attr("hidden", false);
    }
  });
});

我必须检查有效表单，否则按下按钮仍会触发覆盖。是否存在更好的方法来在实际提交表单时取消隐藏叠加层和微调框，以便避免导入jquery-validation*并检查表单是否有效？