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

Question

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

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

        //Serialize Form
        //Ajax send

    }, false);

非常感谢

Answer 1

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

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

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