纯JS。如何添加事件侦听器以提交任何表单

【问题标题】：Pure JS. How to add event listener for submit any form纯JS。如何添加事件侦听器以提交任何表单
【发布时间】：2020-05-01 10:31:12
【问题描述】：

我尝试为页面上的所有表单添加一次事件监听器，以便在发送 ajax 之前对其进行序列化和检查。如果你有我的头破了的药丸，请分享一下

window.addEventListener('submit', function(e){

        //Serialize Form
        //Ajax send

    }, false);

非常感谢

【问题讨论】：

标签： javascript pure-js

【解决方案1】：

您可以查询所有表单并为每个项目添加事件侦听器：

document.querySelectorAll('form').forEach(form => form.addEventListener('submit', function(e){
  e.preventDefault();
  console.log('test');
}, false));

<form>
  <button>submit</button>
</form>

【讨论】：