Javascript 表单验证和页面调用

我对联系人表单中的用户导航有问题

我（在Bootstrap中）构建了一个联系人表单（更准确地说是它的原型，它还不需要存储数据等），由几个页面组成，目前有3个页面。 在这个表单中，我有几个必填字段。表单下方有一个按钮。未经验证，按钮如下所示：

<div class="row col-md-1 float-md-right">
<form action="next-page.html">
<button class="btn btn-primary" type="submit">Next</button>
</form>
</div>

验证可以使用这个JS代码段，但我无法进入下一页。我现在怎么做

---

我（遗憾地）没有使用任何像Angular这样的框架，可能会有路由。但是我现在怎么才能让它像这样工作呢？

js snippet希望您的表单有一个

需要验证的
类。是这样吗？是的，我的HTML页面中有以下类：那么到底什么不起作用？你说的“我没有进入下一页”是什么意思？正在提交有效的表单，但仍然没有导航离开？正确。我发送了一份有效的表格，但是我没有收到我的联系表格的下一页。如果没有看到你的代码，很难判断。只要您的提交回调被执行，并且您的表单具有
action
属性，它就应该可以工作。
(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);
})();