请指定未定义的解决方案

Question

我的问题是写完这段代码后：

const form = document.getElementById('form');

函数handleSubmit（事件）{

event.preventDefault();

}

常量数据 = {};

const fields = event.target.querySelectorAll('输入、选择、文本区域');

for（字段的常量字段）{

数据[字段.名称] = 字段.值;

}

form.addEventListener('提交',handleSubmit);

它显示此类型错误：TypeError：无法读取未定义的属性（读取“目标”）https://fc349b7a-5180-4c97-9432-82f7df6d86fe-00-b9jrwad18xpf.pike.replit.dev/script.js:8

我试图从前端导师那里学习表单验证课程，结果发生了

Answer 1

函数的大括号（大括号）似乎放错了位置

const form = document.getElementById('form');

 function handleSubmit(event) {

event.preventDefault();

// instead of closing the function here 

const data = {};

const fields = event.target.querySelectorAll('input, select, textarea');

for (const field of fields) {

data[field.name] = field.value;

}

} // should be here wrapping it all up

form.addEventListener('submit', handleSubmit);