Bootstrap4 驗證在 IE 11 中不起作用

Question

它在 chrome 和 edge 中完美運行，但在 IE11 中無效。 我試圖刪除 novalidate，但它使驗證只能在 IE11 中工作。

這是我的代碼：

<form class="m-t needs-validation" id="needs-validation" role="form" action="index.html" novalidate>
     <div class="form-group">
          <input type="text" class="form-control" placeholder="Username" required>
          <div class="invalid-feedback">
               Please enter a valid username.
          </div>
     </div>
     <div class="form-group">
          <input type="password" class="form-control" placeholder="Password" required>
          <div class="invalid-feedback">
               Please enter a valid password.
          </div>
     </div>
     <button type="submit" class="btn btn-primary block full-width m-b">Login</button>
</form>

和 javascript 中的事件偵聽器，如下所示：

<script>
        (function() {
          'use strict';
          window.addEventListener('load', function () {
            var forms = document.getElementsByClassName('needs-validation');
            var validation = Array.prototype.filter.call(forms, function(form) {
                form.addEventListener('submit', function (evt) {
                if (form.checkValidity() === false) {
                  event.preventDefault();
                  event.stopPropagation();
                }
                form.classList.add('was-validated');
              }, false);
            });
          }, false);
        })();
</script>

我的代碼做錯了嗎以及如何修復它，所以它也可以在 IE11 中工作？

Answer 1

我找到了如何修復它，只需在 IE11（底部）中允許阻止內容警報，說明 IE11 限制腳本和 ActiveX 控件。