Modal 表单 submit 不触发的主因是提交按钮误加 data-bs-dismiss="modal" 或未阻止默认行为；需删掉该属性、用 submit 事件监听并调用 e.preventDefault()，动态插入时用事件委托。
Modal 里表单 submit 事件不触发？
Bootstrap Modal 本身不拦截表单提交，但常见问题是：点击按钮后页面刷新或无反应。根本原因往往是 data-bs-dismiss="modal" 被误加在提交按钮上，或者表单没阻止默认行为。
- 检查提交按钮是否含
data-bs-dismiss="modal"—— 有就删掉，它会强制关闭模态框并中断提交流程 - 确保表单有
id或可稳定选中的 DOM 路径，比如$('#user-form') - 用
submit事件监听（不是click），并在回调里调用e.preventDefault() - 如果 Modal 是动态插入的（如通过 JS 创建），需用事件委托：
$(document).on('submit', '#user-form', ...)
表单验证失败时 Modal 自动关闭了？
Bootstrap 的 hide.bs.modal 或 hidden.bs.modal 事件可能被意外触发，尤其当验证逻辑里调用了 $('#myModal').modal('hide') 却没加条件判断。
- 验证失败时绝对不要手动调用
modal('hide')；只做 UI 提示（如$('.invalid-feedback').show()） - 如果用了第三方验证库（如 jQuery Validation），确认其
submitHandler和invalidHandler分离清晰 —— 前者处理成功提交，后者只负责高亮错误 - 避免在验证回调中直接操作 Modal 实例，优先用 CSS 类控制状态：
$('#myModal').addClass('was-validated')
Ajax 提交后 Modal 不关、不提示、不重置？
提交成功后 Modal 状态失控，通常是因为 Ajax 回调里缺少明确的状态管理逻辑，而不是 Bootstrap 本身的问题。
- 成功回调中必须显式关闭 Modal：
$('#myModal').modal('hide')，不能依赖服务器返回跳转 - 提交前清空验证状态：
$('#user-form')[0].reset()或手动移除is-valid/is-invalid类 - 禁用提交按钮防重复点击：
$('[type="submit"]').prop('disabled', true)，并在 finally 中恢复 - 注意
$.ajax的dataType: 'json'必须与后端 Content-Type 匹配，否则error回调可能因解析失败触发，而非业务错误
为什么用 form.addEventListener('submit', ...) 比 jQuery 更稳？
原生事件监听对动态插入的 Modal 更可靠，且避开 jQuery 版本兼容问题（如 Bootstrap 5+ 已弃用 jQuery 依赖）。
- Modal 初始化后，用
document.getElementById('user-form').addEventListener('submit', e => { e.preventDefault(); ... }) - 验证逻辑建议用
checkValidity()+reportValidity()，它们自动触发浏览器原生校验 UI（含:valid/:invalid伪类） - 若需自定义错误消息，改用
setCustomValidity('...')并在每次输入后清空（setCustomValidity('')），否则后续reportValidity()会一直显示旧提示
Modal 嵌套表单最易忽略的是事件生命周期和状态同步 —— 表单重置、按钮禁用、错误反馈三者不同步，比 Ajax 失败更常导致用户困惑。
