提交后应有选择地清空字段，保留keyword、userId等关键参数；需手动处理laydate、级联select、table.where及upload实例状态，并确保form.render()和DOM/JS状态同步。
提交成功后只清空部分字段，别碰 keyword 和 userId
直接调用 layui.form.reset() 或 form.val('filter', {}) 会全量清空，但实际业务中常需保留搜索关键字、用户 ID、分页参数等。核心是「有选择地覆盖」，而不是「一键重置」。
常见错误现象：提交后调用 form.val('searchForm', {})，结果 #keyword 也被清空了，用户再点搜索还得重新输。
- 先明确哪些字段要保留（如
keyword、userId、tabIndex），哪些要清空（如status、category、startTime） - 用
form.val('searchForm', { status: '', category: '', startTime: '' })只传需要清空的字段，其余字段自动跳过 - 对日期组件（
laydate），必须额外处理：$('#startTime').val('');+laydateIns && laydateIns.setValue(''); - 最后必须调用
layui.form.render()或layui.form.render('select')，否则下拉框、开关等 UI 不刷新
级联下拉框重置时字段值和选项都要同步清理
比如「省份→城市→区县」三级联动，只清 form.val() 里的值，不清理 DOM 选项或未触发 form.render('select')，会导致后续选择卡死或错位。
- 清空所有级联字段：
form.val('searchForm', { province: '', city: '', district: '' }) - 紧接着执行
layui.form.render('select', 'searchForm')，确保每个下拉标题栏显示“全部” - 如果城市/区县选项是 JS 动态加载的，清空后记得把对应
的innerHTML也设为空，避免残留旧 - 千万别漏掉表格 where 参数：重置后立刻调用
table.reload('userTable', { where: {}, page: { curr: 1 } })，否则下次搜索仍带旧值发请求
upload 组件不会被任何 form.val() 或 reset() 影响
上传列表是纯 JS 管理的状态，和表单 DOM 完全解耦。哪怕你把隐藏的 的 value 设为空，上传列表照样挂着——因为 layui 已在 change 事件里把文件存进了实例的 files 数组。
- 必须拿到 upload 实例（如
uploadInst），手动清空：uploadInst.files = []; - 再调用
uploadInst.reload()刷新 UI - 如果用了多实例（如不同 tab 下多个上传区域），每个都要单独处理，不能靠全局 selector
- 注意：reload 后若需恢复默认提示文字（如“点击上传”），得配合
text配置项重设，否则可能显示空白
重置按钮一定要写 type="button"，不是 type="reset"
这是最隐蔽也最常出问题的一环。写成 在 内默认就是 type="submit"，点一下就触发表单提交，页面跳转或刷新，所有 JS 状态丢失。
- 重置按钮必须显式声明：
- 绑定事件时，不要混进
form.on('submit(filter)')——那是给搜索/提交用的，重置逻辑应独立监听 click - 如果搜索表单嵌在 layer 弹窗里，还要确认弹窗没意外继承父页面的
上下文，否则按钮仍可能触发外层表单 - 清空动作完成后，建议加一行
$('#resetBtn').blur();，防止焦点残留导致键盘回车再次误触发
真正麻烦的从来不是「怎么清空」，而是「清空之后 UI 是否看起来真的清了」——Layui 的 select、date、upload 全是模拟渲染，DOM 属性改了，JS 状态未必同步，UI 更未必响应。每次重置，本质是在补三处状态：原生 DOM 值、Layui 实例内部值、表格或组件的缓存参数。漏一处，界面上就留个尾巴。
