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

Question

我尝试为页面上的所有 forms 添加EventListener 以在 ajax 发送之前对其进行序列化和检查。 如果你有治疗我断头的药丸，请分享

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

        //Serialize Form
        //Ajax send

    }, false);

非常感谢

Answer 1

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

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

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