直接调用 form.submit() 常静默失败，因 DOM 未就绪、action 无效或 method 缺失；推荐用 fetch + FormData 提交，注意传入表单元素、不设 Content-Type、携带 credentials；模拟点击需作用于 type="submit" 按钮；拦截 onsubmit 后须手动校验 validity。
直接调用 form.submit() 为什么常静默失败
因为脚本执行时机、表单属性缺失或校验逻辑冲突，form.submit() 很容易不报错但也不发请求。常见现象是页面刷新了，但后端收不到数据，或者根本没跳转——这通常不是 JS 报错，而是被浏览器静默吞掉了。
必须满足三个前提才可能成功：
• DOM 已就绪（document.getElementById('myForm') 返回真实元素，不是 null）；
• 表单有有效的 action（不能是空字符串、javascript:void(0) 或相对路径解析失败）；
• method 明确（缺省时部分浏览器 fallback 到 GET，而你预期是 POST）。
所以别在 里裸写 document.getElementById('myForm').submit()，也别依赖用户是否点了按钮——它和用户交互无关，只认 DOM 状态和属性。
用 fetch + FormData 提交要绕开哪些坑
这是目前最可控的自定义提交方式，但容易在细节上翻车：
立即学习“前端免费学习笔记（深入）”；
-
FormData构造时传入的必须是<form>元素本身，不是 ID 字符串，写成new FormData(document.getElementById('myForm'))才对； - 如果表单含
<input type="file">，fetch必须省略Content-Type头，让浏览器自动设置为multipart/form-data并附带 boundary，手动设会破坏上传； -
fetch默认不带 cookie，登录态会丢，需显式加{ credentials: 'include' }； - 提交后想清空表单？别直接
form.reset()，它会重置所有字段包括通过 JS 动态设的值，更稳妥的是遍历form.elements逐个清空value或checked。
用超链接或 div 触发原生提交，click() 调用要注意什么
核心是：模拟点击一个真实存在的 type="submit" 按钮，而不是直接操作表单。这个按钮可以隐藏（style="display:none"），但不能被 remove() 或设 disabled。
关键点：
- 必须用
document.getElementById('submitBtn').click()，不能用querySelector后直接.click()再不管——如果选错元素（比如选成普通div），调用无效且无提示； - 超链接的
onclick里一定要return false或event.preventDefault()，否则href="#"会滚屏，干扰体验； - 这个方法会触发表单原生校验（
required、type="email"等），但如果按钮本身是disabled，click()不会生效，得先btn.disabled = false； - 不要在同一个表单里混用多个 submit 按钮并靠
name区分——click()不会自动带上该按钮的name=value，原生提交才会。
拦截 onsubmit 后手动控制，event.preventDefault() 的副作用
这是最灵活的方式，但也最容易误伤：
一旦在 form.addEventListener('submit', e => { e.preventDefault(); ... }) 里调用了 preventDefault()，表单原生校验就失效了——哪怕字段写了 required，也不会弹提示、也不会阻断提交流程。
如果你还想保留校验，得自己补：
- 调用
form.checkValidity()，它返回布尔值，失败时会触发invalid事件； - 若校验失败，别直接
return，应主动调用form.reportValidity()弹出浏览器默认提示； - 校验通过后再走
fetch或其他逻辑； - 注意：改了表单字段的
value后，checkValidity()不会自动更新状态，需手动触发input或change事件，或等用户真实输入。
真正难处理的，是那些被 CSS 隐藏但仍在 DOM 中的表单（比如 tab 切换页里的 inactive form），它们可能被 querySelector('form') 误选中，又或者 form.submit() 触发了不该触发的提交。动手前先确认目标表单是否唯一、是否活跃、是否真的需要你插手——很多时候，修好 action 和 method 就够了。
