表单提交成功后重置并保持页面不刷新，关键在三点：阻止默认提交行为、正确清空所有控件状态（包括非原生组件）、手动触发ui同步渲染；layui的select、laydate、switch等为dom模拟渲染，原生reset无效，须用form.val()配合form.render()及实例方法（如setvalue）逐项处理，并确保submit监听中return false或e.preventdefault()。
表单提交成功后重置并保持页面不刷新，关键在三点：阻止默认提交行为、正确清空所有控件状态（包括非原生组件）、手动触发 ui 同步渲染。漏掉任意一点，都会出现“看着清空了，但日期框还留着值”或“下拉选项没变”之类的问题。
为什么 form.reset() 或 $("#form")[0].reset() 不行
Layui 的 select、laydate、switch、checkbox 都是用 DOM 模拟渲染的，原生 reset 只作用于 input/textarea/select 原生标签，对这些封装后的 UI 状态完全无效。
-
laydate输入框的 value 属性和内部实例的日期值是分开维护的 -
select的选中状态由 Layui 内部缓存控制，DOM 的selected属性可能已同步，但下拉面板 UI 不更新 -
switch和多选checkbox的 checked 状态需手动设 +form.render()才能反映到 UI
用 form.val() 清空必须配 form.render()
form.val("filterName", {}) 是 Layui 官方推荐方式，但它只改数据层，不自动重绘 UI —— 必须紧跟 form.render() 或 form.render("select") 等指定类型。
- 确保表单有
lay-filter="searchForm"（不是 id），否则form.val()找不到目标 - 表单容器必须带
class="layui-form"，否则form.render()无效果 - 如果字段 HTML 里写了
value="默认值"，form.val()不会覆盖它，得先手动$("#field").val("") - 对日期字段，还得额外调
laydateIns.setValue("")，否则日历面板仍显示旧值
监听 submit 时必须 return false 或 e.preventDefault()
哪怕你把所有字段都清空了，只要没阻止默认行为，浏览器就会走原生提交流程：GET 跳转、POST 刷新，一切白干。
- 错误写法：
form.on('submit(filter)', function(data){ $.post(...); });—— 缺return false，必定刷新 - 正确写法：回调末尾加
return false;，或第一行写e.preventDefault();（注意 event 参数要声明） - 如果用了
$.ajax或fetch，务必在 success 回调里再执行清空逻辑，别放在异步外层 - 别在回调里抛未捕获异常，JS 报错会导致
return false失效，页面照常刷新
搜索区域重置按钮要防隐式提交
表格上方的搜索表单常嵌在 <form class="layui-form"></form> 里，这时候一个没设 type 的 <button>重置</button> 在 Chrome/Firefox 中默认是 type="submit"，点一下就触发表单提交。
- 必须显式写成：
<button type="button" id="resetBtn">重置</button> - 点击后除了清空表单，还要同步清空表格的
where参数，否则table.reload()时条件还在 - 示例：
table.reload("tableId", { where: {}, page: { curr: 1 } }); - 如果用了
laydate实例，记得保存引用并在重置时调ins.setValue("")
最容易被忽略的是：日期组件的双重状态、重置按钮的 type 属性、以及异步成功回调里才执行清空 —— 这三处出问题，80% 的“清空失败”就发生了。
