如何阻止form表单提交

1. 使用preventDefault()方法阻止表单默认提交：

document.querySelector('form').addEventListener('submit', function(e) {
  e.preventDefault();
});

2. 将表单的onsubmit事件返回false：

<form onsubmit="return false;">
  <!-- form elements -->
</form>

3. 在表单的submit按钮中使用return false：

<form>
  <!-- form elements -->
  <button type="submit" onclick="return false;">Submit</button>
</form>

4. 在submit按钮中使用事件监听器阻止默认提交：

document.querySelector('button[type="submit"]').addEventListener('click', function(e) {
  e.preventDefault();
});