layui 的 input 实时搜索需用 layui.form.on('input(filter)', ...) 监听，配合 lay-filter 属性；防抖须用闭包内 timer 变量，每次触发先 clearTimeout 再 setTimeout(300ms)，避免高频请求。
layui 的 input 怎么绑定实时搜索逻辑
直接用 layui.form.on('input(filter)', ...) 监听输入事件，而不是等用户按回车或失焦。这个事件在用户每次按键（包括删除、粘贴）后都会触发，但要注意它不响应鼠标右键粘贴后的即时触发——得配合 input 事件的防抖处理。
常见错误是误用 change 或 blur，这两个只在失去焦点时才触发，完全不符合“实时”要求。
- 必须给
input元素加lay-filter="search"（或其他自定义值），否则form.on无法捕获 - 不要在
input上同时写oninput行内事件，会和 layui 的监听冲突 - 建议在监听回调里立刻读取
this.value，而不是用$('input').val()，避免 DOM 同步延迟
怎么防抖避免高频请求打爆后端
用户狂敲键盘时，每敲一个字就发一次请求，既浪费资源又容易触发接口限流。必须加防抖，且不能依赖全局 setTimeout 手写，要用 layui 已内置的 layui.layui.use('util') 或直接用原生 setTimeout + 清除机制。
关键点：防抖的 timer 必须是闭包内变量，不能声明在监听函数外，否则多个输入框会互相覆盖。
- 每次触发
input事件时先clearTimeout(timer)，再新建timer = setTimeout(..., 300) - 300ms 是经验值，短于 200ms 用户感知不到延迟，长于 500ms 会有卡顿感
- 空字符串或长度
搜索结果怎么动态渲染到 laytpl 模板里
layui 自带的 laytpl 是最轻量的方案，比手动拼接 HTML 字符串安全，也比重绘整个 table 更高效。
注意：laytpl 不会自动转义 HTML，如果后端返回的内容含用户输入（如搜索关键词高亮），需自己用 layui.util.escape() 处理，否则有 XSS 风险。
- 模板容器推荐用
<script type="text/html" id="searchTpl">...</script>，避免被浏览器解析 - 渲染前先
$('#searchResult').empty()，否则重复搜索会叠加内容 - 异步请求成功后，调用
laytpl(html).render(data, function(html){ $('#searchResult').html(html); })
为什么用了 form.on('input') 还没反应
大概率是 form 模块没正确加载，或者元素没被 layui.form.render() 初始化过。layui 的事件监听依赖模块主动注册，不是纯 DOM 事件代理。
典型表现：页面首次加载时有效，F5 刷新后失效；或动态插入的 input 完全无响应。
- 确保已执行
layui.use(['form', 'laytpl'], function(){ ... })，且form在依赖数组里 - 动态添加的 input，要在插入 DOM 后调用
layui.form.render(null, 'your-filter')重新绑定 - 检查控制台是否报错
form is not defined，说明模块加载失败或路径不对
form.render()，整个实时搜索就静音了。 
