onsubmit 默认提交表单并跳转，需用 event.preventdefault() 阻止；推荐 addeventlistener 绑定以支持多次监听、动态表单和异步验证，避免 return false 或直接 form.submit()。
onsubmit 事件默认会提交表单并跳转页面
很多新手写 onsubmit 时只加了函数调用，结果表单一提交就刷新页面，JS 逻辑看似执行了，但页面没了。根本原因是浏览器对 <form></form> 的默认行为没被阻止。
必须在事件处理函数里显式阻止它，最常用的是 event.preventDefault()。注意：不能只靠 return false（旧写法兼容性差，且在现代事件监听器中无效）。
- 错误写法：
<form onsubmit="handleSubmit()"></form>—— 函数里没preventDefault，照样跳转 - 正确写法（内联）：
<form onsubmit="event.preventDefault(); handleSubmit(event)"></form> - 更推荐写法（分离逻辑）：
form.addEventListener('submit', event => { event.preventDefault(); handleSubmit(event); });
addEventListener 绑定 submit 比 onsubmit 属性更可靠
onsubmit 是 HTML 属性，只能绑定一个处理函数；而 addEventListener('submit', ...) 支持多次绑定、可移除、不污染 HTML 结构，也更容易做条件控制（比如只在验证通过时才提交）。
特别注意：如果表单是动态插入 DOM 的（比如 Vue/React 渲染后、innerHTML 插入），直接写 onsubmit="..." 可能失效——因为字符串不会被重新解析为 JS 执行。此时必须用事件委托或在插入后手动绑定。
立即学习“前端免费学习笔记（深入）”；
- 动态表单绑定示例：
document.addEventListener('submit', e => { if (e.target.matches('form[data-ajax]')) { e.preventDefault(); ajaxSubmit(e.target); } }); - 避免重复绑定：多次调用
addEventListener会累积触发，建议封装成初始化函数或用{ once: true }控制
验证失败时 return false 不等于阻止提交
很多人以为在 onsubmit="return validate()" 里让 validate() 返回 false 就能拦住提交，这仅在内联属性中有效，而且前提是函数**同步返回**结果。一旦验证涉及异步（如检查用户名是否已存在），return false 完全无效——因为表单早就在你发请求前就提交了。
真正可靠的异步拦截必须配合 preventDefault + 手动控制后续流程（比如成功后再 form.submit() 或发 AJAX）。
- 错误思路：
onsubmit="return checkUsernameAsync()"——checkUsernameAsync返回 Promise，永远是true - 正确做法：先
event.preventDefault()，再await checkUsernameAsync()，最后决定是否调用form.requestSubmit()或显示错误 - 注意
requestSubmit()：它会触发submit事件并走验证逻辑（比如required），比直接submit()更符合语义
原生 submit 和 preventDefault 后的 submit 行为差异
调用 form.submit() 不会触发 submit 事件，相当于“静默提交”；而 form.requestSubmit() 会触发，并执行内置验证（required、pattern 等）。所以如果你用 preventDefault 拦截后又想走原生校验，别手贱写 form.submit()。
另外，某些 UI 库或框架（如 Ant Design、Element Plus）会接管表单提交逻辑，它们内部可能已调用过 preventDefault，此时你再绑一层监听可能收不到事件，或者需要从组件 API 获取提交方法（比如 formRef.validate().then(...)）。
- 要触发校验并提交：
form.requestSubmit() - 要绕过校验强制提交（慎用）：
form.submit() - 调试技巧：在监听函数开头加
console.log('submit triggered')，确认事件是否真的到达
