提交表单时，HTML表单未触发“submit”事件侦听器

问：

我有一个事件侦听器附加到 HTML 表单元素，但是当我单击提交表单的按钮或按“Enter”时，该侦听器不会被触发。

下面是 HTML：

<main class="main">
  <div class="login-form">
    <h2 class="heading-secondary ma-bt-lg">Log into your account</h2>
    <form class="form" id="loginform">
      <div class="form__group">
        <label class="form__label" for="email">Email address</label>
        <input class="form__input" id="email" type="email" placeholder="[email protected]" required="required"/>
      </div>
      <div class="form__group ma-bt-md">
        <label class="form__label" for="password">Password</label>
        <input class="form__input" id="password" type="password" placeholder="••••••••" required="required" minlength="8"/>
      </div>
      <div class="form__group">
        <button class="btn btn--green" type="submit">Login</button>
      </div>
    </form>
  </div>
</main>

下面是事件侦听器 JS 代码：

const loginForm = document.getElementById('loginform');

if (loginForm) {
  loginForm.addEventListener('submit', (e) => {
    e.preventDefault();
    console.log('Hello from the login event listener');
    const email = document.getElementById('email').value;
    const password = document.getElementById('password').value;
    login(email, password);
  });
}

这是函数的JS代码，它是从另一个文件导入的：login(email, password)

export const login = async (email, password) => {
  try {
    const res = await axios({
      method: 'POST',
      url: 'http://127.0.0.1:8000/api/v1/users/login',
      data: {
        email,
        password,
      },
    });

    if (res.data.status === 'success') {
      showAlert('success', 'Logged in successfully!');
      window.setTimeout(() => {
        location.assign('/home');
      }, 1500);
    }
  } catch (err) {
    showAlert('error', err.response.data.message);
  }
};

我采取的故障排除步骤：

1. 我验证了“submit”事件侦听器实际上附加到了表单元素 - 我可以在 Chrome 开发工具的“事件侦听器”选项卡中看到它
2. 我验证了浏览器是否正在注册对提交按钮的点击。为此，我向 body 元素添加了一个事件侦听器，并将 event.target 发送到控制台日志。当我单击提交按钮时，浏览器会注册正在单击提交按钮，但未触发附加到表单的“submit”事件侦听器。
3. 我在页面上测试了另一个事件侦听器，它仍然有效。不过，奇怪的是，当我点击时，我的锚点元素都没有重定向到 href——我不知道这是否与我的表单没有提交有任何关系。