最直接的方法是表单提交成功后调用 form.reset() 清空内容，它将所有控件恢复为页面加载时的初始值；但需注意初始值非空时 reset() 不等于清空，动态控件、文件输入及 Bootstrap 验证类需额外处理。
submit 后调用 reset() 是最直接的方法
表单提交成功后清空内容，本质是重置表单控件到初始状态。form.reset() 是原生 DOM 方法，它会把所有 <input>、<textarea>、<select> 恢复为页面加载时的 value 或 selected 状态——所以前提是这些元素没被 JS 动态改过初始值。
常见错误是：提交后只手动设 value = ''，但漏掉 <select> 的选中项或 checkbox/radio 的勾选状态，导致视觉残留。用 reset() 一次性解决全部。
- 确保你的表单有
id或能被唯一选中，比如document.getElementById('myForm') - 在 AJAX 提交成功的回调里（不是点击事件里）调用：
form.reset() - 如果用了 Bootstrap 的表单验证（
is-invalid类），reset()不会自动移除这些 class，需手动清理：form.querySelectorAll('.is-invalid').forEach(el => el.classList.remove('is-invalid'))
用 trigger('reset') 在 jQuery + Bootstrap 场景下更稳妥
如果你项目里混用了 jQuery 和 Bootstrap（尤其是旧版 Bootstrap 4/5 的 JS 插件），直接调原生 reset() 可能不触发某些绑定的事件监听器（比如自定义验证提示）。这时用 jQuery 的 .trigger('reset') 更可靠，它既触发原生重置行为，也触发 jQuery 绑定的 reset 事件。
- 写法：
$('#myForm').trigger('reset')，比.get(0).reset()多一层事件派发 - 注意：Bootstrap 自己不接管
reset行为，但第三方插件（如某些日期选择器）可能监听了该事件来清理内部状态 - 若表单含动态渲染的控件（如通过 JS 插入的
<input type="file">），reset()通常无法清空已选文件，得额外调用input.value = ''
避免在 submit 事件里直接 reset() 导致请求中断
一个高频翻车点：在表单的 submit 事件处理器里，还没发请求就执行 form.reset()，结果输入框瞬间清空，用户看不到自己刚填的内容，且如果后续 AJAX 失败，表单已空，无法重试。
- 永远把
reset()放在请求完成之后，即fetch().then(...).finally(...)的finally或success分支里 - 如果用
event.preventDefault()阻止默认提交，千万别漏掉它——否则页面跳转，reset()根本没机会执行 - 对带文件上传的表单，
reset()后input.files是空的，但部分浏览器（如 Safari）可能仍显示文件名，这是 UI 缓存，不影响实际提交数据
真正容易被忽略的是表单控件的「初始状态」本身。比如一个 <input value="默认值">，reset() 会把它变回“默认值”，而不是空。清空 ≠ 重置，如果业务要求一律清空为 ''，就得遍历控件手动赋值，而不是依赖 reset()。
