解决这个问题,可以在注册功能中加入防抖处理,简单修改register.js文件,在handleRegister函数中添加一个isSubmitting标志防止重复提交:
javascript
// 在文件顶部添加此变量
let isSubmitting = false;
async function handleRegister(event) {
// 阻止表单默认提交行为
event.preventDefault();
// 防止重复提交
if (isSubmitting) {
console.log('表单正在提交中,请勿重复点击');
return;
}
isSubmitting = true;
console.log('处理注册表单提交');
// ... 其余代码保持不变 ...
try {
// ... 代码不变 ...
} catch (error) {
// ... 代码不变 ...
} finally {
// 无论成功失败,都重置提交状态
isSubmitting = false;
}
}