当在表单提交前用 confirm() 弹出确认框时，若用户点击“取消”，仅靠 onclick="return false" 或 else 中的 return false 无法阻止默认提交行为——根本原因是 的点击会立即触发表单 submit 事件，而内联 onclick 返回 false 并不能可靠拦截该事件。正确做法是监听 submit 事件并调用 event.preventDefault()。
当在表单提交前用 `confirm()` 弹出确认框时，若用户点击“取消”，仅靠 `onclick="return false"` 或 `else` 中的 `return false` 无法阻止默认提交行为——根本原因是 `` 的点击会**立即触发表单 submit 事件**，而内联 `onclick` 返回 `false` 并不能可靠拦截该事件。正确做法是监听 `submit` 事件并调用 `event.preventdefault()`。
在 Web 表单开发中，一个常见误区是试图通过按钮的 onclick 处理函数来控制整个提交流程。例如，为 绑定 onclick="mostra(this, form)"，并在函数中用 confirm() 判断是否继续——这看似合理，但存在关键缺陷：HTML 表单的 submit 事件会在 click 之后异步触发，且具有独立的默认行为（跳转或提交），onclick 中的 return false 对其无效。因此，即使代码进入了 else 分支并执行了 alert()，表单仍会照常提交。
✅ 正确解法：统一监听 submit 事件，并在其中进行验证与确认
以下是一个结构清晰、兼顾原生校验（如 required）和自定义确认逻辑的完整实现：
<form id="myForm" action="https://google.com">
<input type="text" name="query" required placeholder="请输入搜索关键词">
<input type="submit" value="提交请求">
</form>
<script>
const form = document.getElementById('myForm');
form.addEventListener('submit', function (e) {
// 1. 触发原生表单校验（自动显示 required 提示）
if (!form.checkValidity()) {
return; // 校验失败，不执行后续逻辑，让浏览器显示默认提示
}
// 2. 弹出确认对话框
if (!confirm('Sei sicuro di inviare la richiesta？')) {
e.preventDefault(); // ✅ 关键：阻止默认提交行为
alert('操作已取消');
return;
}
// 3. 确认通过：禁用提交按钮防止重复点击，并可选地修改文案
const submitBtn = form.querySelector('input[type="submit"]');
submitBtn.disabled = true;
submitBtn.value = '正在提交...';
// 4. 显式调用 submit()（可选；通常事件自然提交即可）
// form.submit(); // 此行非必需，因未 preventDefault 时事件会继续
});
</script>? 关键要点说明：
- e.preventDefault() 是唯一可靠的阻止方式：它直接取消 submit 事件的默认行为（如页面跳转、数据提交），不受 onclick 返回值影响；
- 保留原生校验体验：通过监听 submit 事件而非 click，required、pattern 等 HTML5 属性仍能正常触发浏览器内置提示；
- 避免重复提交：在确认成功后禁用按钮，是防止用户连点导致多次提交的必备实践；
- 无需内联 JS：将逻辑完全移至外部脚本，提升可维护性与语义清晰度。
⚠️ 注意事项：
- 不要混用 form.submit() 和事件默认行为——若已调用 e.preventDefault()，又手动 form.submit()，则需确保此时校验与确认均已通过；
- 若表单含多个提交按钮（如“保存”“删除”），建议为每个按钮添加 name 或 data-action 属性，在 submit 事件处理器中通过 e.submitter 区分操作类型；
- 在现代项目中，推荐进一步封装为可复用的确认提交组件（如结合 fetch 实现无刷新提交），但核心拦截逻辑不变。
综上，解决 confirm() 无法取消提交的本质，是转变思维：不要试图“劫持点击”，而应“管控提交”——监听 submit 事件，按需 preventDefault()，这才是符合 HTML 表单规范的健壮方案。
