اعتبارسنجی در بوت‌استرپ ۵ کار نمی‌کنه، مشکل از کجاست؟

<!-- Bootstrap JavaScript Bundle (includes Popper) -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<form class="needs-validation" novalidate>
  <div class="mb-3">
    <label for="exampleInput" class="form-label">Example label</label>
    <input type="text" class="form-control" id="exampleInput" required>
    <div class="invalid-feedback">
      Please provide a valid input.
    </div>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

// Example starter JavaScript for disabling form submissions if there are invalid fields
(function () {
  'use strict'
  // Fetch all the forms we want to apply custom Bootstrap validation styles to
  var forms = document.querySelectorAll('.needs-validation')
  // Loop over them and prevent submission
  Array.prototype.slice.call(forms).forEach(function (form) {
      form.addEventListener('submit', function (event) {
        if (!form.checkValidity()) {
          event.preventDefault()
          event.stopPropagation()
        }
        form.classList.add('was-validated')
      }, false)
    })
})()