表单自动提交是浏览器默认行为，必须在form的submit事件处理函数第一行同步调用event.preventDefault()才能可靠拦截；未声明type的button默认为submit，应显式设为type="button"或type="submit"并配以正确监听。
表单自动提交不是“意外”，而是浏览器严格按规范执行的默认行为；只要存在未声明 type 的 <button> 或回车聚焦在可提交控件上，submit 事件就一定会触发——拦不住 submit 事件，页面就会刷新或跳转。
必须监听 form 的 submit 事件并首行调用 event.preventDefault()
这是唯一稳定、覆盖所有提交方式（点击按钮、按回车、JS 调用 form.submit()）的拦截点。仅监听按钮 click 或 keydown 会漏掉回车等关键路径。
-
event.preventDefault()必须同步执行，且写在事件处理函数第一行；放进fetch().then()、setTimeout或条件分支里都无效 - 不要写成：
if (valid) { e.preventDefault(); }，而应先e.preventDefault()，再做校验和后续逻辑 - 动态插入的表单需用事件委托：
document.addEventListener('submit', e => { if (e.target.matches('form[data-ajax]')) e.preventDefault(); })
<button> 不写 type 就等于 type="submit"
这是最常被忽略的源头问题。<button>提交</button> 在 <form> 内不加 type 属性，所有现代浏览器（Chrome/Firefox/Safari/Edge）都会将其视为 type="submit"，立刻触发表单提交。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- 纯前端操作（如模态框关闭、搜索清空）：一律用
<button type="button">，从 DOM 层面切断提交能力 - 业务表单（登录、注册）：保留
type="submit"，但必须确保submit监听器第一行是e.preventDefault() - 非法
type值（如type="primary"、type=""）会在<form>内降级为submit，导致静默翻车
禁用按钮防重复提交时，别让 disabled 卡死流程
在 submit 处理器中禁用按钮本身没问题，但若只禁用不恢复，或禁用时机错误，会导致表单彻底无法提交。
立即学习“前端免费学习笔记（深入）”；
- 正确做法：在
submit回调第一行同时做两件事——e.preventDefault()+button.disabled = true - 用
fetch提交时，必须在finally中恢复按钮：.finally(() => button.disabled = false)，否则失败后无法重试 - 不要对
<form>直接设disabled，它不生效；可用<fieldset disabled>包裹整个表单区域
真正难的不是写一行 preventDefault()，而是确保它在每一个可能触发 submit 的入口（静态 HTML、动态插入、框架渲染、服务端直出）都被第一时间执行——任何延迟、遗漏或降级，都会让默认行为穿透进来。
