Добавить проверку файла на стороне клиента с помощью начальной загрузки 4?

Question

У меня есть этот код, и я хочу добавить проверку файла, обязательно, тип и размер файла.

<form id="order-form" class="needs-validation" action="src/postform.php" method="post" enctype="multipart/form-data" novalidate>

<!-- a lot of text fields with working validation and "required" in the tag -->

    <div class="custom-file mb-4">
        <input type="file" class="custom-file-input" id="customFile" name="myfile" required>
        <label id="selected-file" class="custom-file-label" for="customFile">Choose file</label>
    </div>

Я использую код (с сайта начальной загрузки) для проверки

(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();

Как проверить правильность загрузки файла и почему приведенный выше пример в простом javascript (остальная часть начальной загрузки - jQuery). Как я могу перевести вышеуказанное в jQuery с проверкой загрузки файла?