必须监听目标form的submit事件并同步调用e.preventDefault()；跨表单提交时按钮无submit事件，回车和form.submit()绕过click；动态表单需事件委托或插入后立即绑定；action为空或#不能阻止提交。
监听 submit 事件必须绑定到 form 元素上
跨表单提交（比如用 <button form="target-id"></button> 触发非父级 form）时，浏览器仍会向目标 form 派发 submit 事件，而不是按钮自身的事件。所以你不能监听按钮的 submit——它根本不存在；也不能只监听 click，因为回车键、form.submit() 调用等路径都会绕过 click。
正确做法是直接查目标 form 并监听其 submit：
const targetForm = document.querySelector("#address_form");
targetForm.addEventListener("submit", (e) => {
e.preventDefault(); // ✅ 必须第一行执行
// 后续做验证、fetch、清空字段等
});
- 确保
form的id和按钮的form属性值完全一致（区分大小写、无空格） - 若表单是动态插入的，改用事件委托：
document.addEventListener("submit", e => { if (e.target.matches("#address_form")) e.preventDefault(); }) - 不要在
fetch().then()或异步回调里调用preventDefault()，它必须同步执行
button 的 type 属性不写就是 submit
即使按钮不在 form 标签内部，只要它带 form="xxx" 属性，且没显式声明 type，HTML 规范就把它当作 type="submit"。用户按回车、点击、甚至 JS 调用 click()，都会触发目标表单的 submit 事件。
如果你只是想“触发逻辑”，不希望它有任何提交语义，就老老实实写：
立即学习“前端免费学习笔记（深入）”；
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
<button type="button" form="address_form">确认</button>
-
type="button"彻底切断提交行为，后续全靠 JS 控制 -
type="submit"也可用，但必须确保对应form的submit监听器已就位且无异常 - 别依赖 CSS 隐藏或
disabled来规避——它们不改变语义，回车依然能提交
动态插入的表单容易漏绑 submit 监听器
如果 form 是通过 fetch、innerHTML 或框架组件异步渲染的，而你的 JS 在 DOMContentLoaded 里直接 querySelector，大概率查不到——监听器压根没挂上，用户一提交就刷新。
两种可靠解法：
- 用事件委托：监听始终存在的祖先节点（如
document或<main></main>），再用e.target.matches("form[data-ajax]")过滤 - 在插入 DOM 后立即绑定：
formContainer.appendChild(newForm); newForm.addEventListener("submit", ...) - 避免在
setTimeout或加载回调里延迟绑定——时机不可控，容易错过第一次提交
action 为空或为 "#" 不能替代 preventDefault()
把 <form action=""></form> 或 <form action="#"></form> 当成“阻止刷新”的捷径是错的。前者会向当前 URL 发起 GET 请求（可能带空参，也可能触发后端重定向），后者会跳到页面顶部，且所有原生提交行为（包括回车）照常发生，submit 事件依然触发——如果你没监听，照样刷新。
真正起作用的只有两件事：
- 监听目标
form的submit事件 - 在回调函数第一行无条件调用
e.preventDefault()
其他任何方式（return false、onclick="return false"、删 action）都只是掩耳盗铃，尤其在跨表单场景下极易失效。
