重置按钮需用 type="button" 并配合 form.val()、form.render() 和 table.reload({where:{},page:{curr:1}}) 才能彻底清空 Layui 表单及表格搜索状态，否则仅 DOM 清空无效。
重置按钮点完表单还在，是因为没处理 Layui 渲染的组件
原生 input 或 textarea 用 .value = '' 能清，但 Layui 的 select、checkbox、date 是 JS 动态生成的 UI，只改 DOM 值不触发重绘，界面上还是旧状态。必须配合 form.val() 和 form.render() 才能同步。
- 确保表单容器有
class="layui-form"且声明了lay-filter="searchForm" - 清空逻辑要写在
layui.use(['form'], function(){})内，否则form实例不可用 - 对
select：调form.val('searchForm', { 'status': '' })，再form.render('select') - 对多选
select[multiple]：必须传数组，如{ 'tags': [] }，不能传空字符串 - 对
laydate：先清输入框$('#date').val('')，再调实例的setValue('')（需提前保存实例）
为什么 type="reset" 按钮经常失效
浏览器原生 reset 只作用于原生表单控件，对 Layui 封装的下拉、日期、开关等完全无效；更麻烦的是，如果表单没包在 <form> 标签里，或用了异步提交，type="reset" 甚至不会触发任何行为。
- 重置按钮必须显式写成
<button type="button" id="resetSearch">重置</button> - 不要把按钮放在
<form>内却不设type——默认是submit，点一下就刷新页面 - 绑定点击事件时，别用
form.reset()，它和form.val()不兼容，且无法覆盖 Layui 组件状态
table.reload() 为啥还带着旧搜索条件
因为 table.reload() 默认复用上次请求缓存的 where 参数，清空表单 ≠ 清空表格的请求参数。UI 和请求参数是两套独立逻辑，必须手动切断关联。
- 必须显式传
where: {}，写成where: null或where: undefined依然继承旧值 - 漏掉
page: { curr: 1 }会导致重置后停在第 5 页却无数据，用户以为失败 - 如果你在搜索提交时用
form.val('searchForm')取值拼到where，重置后也得确保这一步不再读取残留 DOM 值 - 推荐组合：
form.val('searchForm', {}); form.render(); layui.table.reload('userTable', { where: {}, page: { curr: 1 } });
带清除图标的 input 怎么让 form.val() 读到空值
加了 lay-affix="clear" 的输入框，点图标清空后，form.val() 仍可能返回旧值——因为 Layui 没监听这个自定义清除动作，input 的 change 事件没触发。
- 清除图标点击后，必须手动触发：
$('#keyword').val('').trigger('change') - 动态生成的表单，建议委托监听：
$(document).on('click', '.layui-icon-clear', function() { $(this).closest('.layui-input').find('input').val('').trigger('change'); }) - 移动端注意热区：别用
display: none控制清除图标显隐，改用opacity: 0; visibility: hidden;防止点击穿透
table.reload() 发出的请求里，where 是空对象、页码回到第一页、所有组件 UI 状态与内部值严格一致——这三者缺一不可。最容易被忽略的是：清空动作必须发生在 form 模块加载完成之后，且所有操作必须用同一份 lay-filter 名称对齐。 
