多条件筛选校验需与逻辑联动：select变化动态控制相邻input必填并更新UI；提交时统一校验，用FormData.entries()和getAll()处理字段；防抖仅用于过滤，校验留至submit；空值代表不限制而非清空参数。
多条件筛选的输入校验不是“每个框加个 required”就能解决的事——它必须和筛选逻辑联动，否则会出现“点了提交却没生效”“选了 Reject 却没强制填评论”“空值被当成有效条件传给后端”等典型故障。
怎么让 select 选中特定值时才触发相邻 input 必填
关键不在 input 上设 required，而在监听 select 的 change 事件，动态控制同级或相邻 input 的 required 属性和 UI 状态。
- 用
event.target.closest('tr')定位当前行，避免硬编码 ID（动态表格必备） - 检查
select.value是否在预设白名单里，比如['Rejected', 'Discuss']，别用字符串包含判断（如includes('Reject')），防止误触发 - 找到同行的
input[name="comments"]，执行：inputEl.required = shouldRequire+inputEl.placeholder = shouldRequire ? '请输入理由' : '' - 同步更新视觉反馈：给 input 加 class
required-field并配 CSS 边框变色，否则用户看不到约束变化
多条件表单提交前如何统一校验空值与非法值
别在每个 input 上单独绑 blur 或 input 做即时校验——这会干扰筛选流程，且无法覆盖“用户跳过某字段直接点搜索”的场景。校验应集中在提交动作上，且只校验真正参与筛选的字段。
- 用
new FormData(form)读取所有非 disabled 字段，再调用entries()转为键值对，天然跳过未选中的 checkbox 和空 select - 对每个值做安全判断：
value === '' || value == null || value === undefined视为“未填写”，不参与后续条件拼接 - 数值类字段（如
price_min）需额外验证：Number.isFinite(Number(value))，防止传入"abc"或空字符串导致后端 SQL 报错 - 若某字段是枚举（如
status），校验其值是否在['active', 'inactive', 'pending']内，不在则清空或报错，别让它悄悄传到后端
为什么不能用 name="xxx[]" 传多选 checkbox
name="brand[]" 是 PHP 特定语法，在标准 HTML/JS 场景下完全无效：FormData 不识别方括号，后端收不到数组，只会收到一个字符串 "apple,huawei" 或直接丢弃。
立即学习“前端免费学习笔记（深入）”；
- 正确做法：所有 checkbox 共享相同
name="brand"，不同value（如value="apple"、value="huawei"） - 提交后，
FormData.getAll('brand')返回["apple", "huawei"]数组，entries()则只取第一个值，所以多选必须用getAll() - 如果后端要求接收 JSON 数组，前端应在提交前手动处理：
const brands = formData.getAll('brand');，再塞进请求体，而不是依赖 name 后缀 - 注意：禁用（
disabled）的 checkbox 不会被FormData收集，这点可用来临时排除某条件，无需删 DOM
防抖 + 校验 + 筛选三者如何不打架
输入框的 input 事件既要防抖，又不能把校验逻辑塞进去——否则用户还没输完，校验就提前报错；也不能把筛选逻辑全放防抖回调里——会导致“改了两个条件，只响应最后一次”。
- 防抖只包裹「读取值 + 执行过滤」，不包裹校验；校验只在
submit或显式点击「搜索」按钮时运行 - 每次
input触发时，只做一件事：收集当前所有字段值，存到一个临时对象（如currentFilters），不执行任何 DOM 操作 - 防抖回调里，用
currentFilters做一次完整过滤，渲染结果；而submit时，再基于currentFilters做合法性校验 + 构造 URL 参数 - 特别注意：防抖函数必须可取消（如用
clearTimeout），否则切换 tab 再切回来可能触发陈旧的过滤逻辑
最常被忽略的是「空值语义」：用户清空某个搜索框，代表“该条件不限制”，不是“该条件值为空字符串”。校验层必须区分这两者，否则后端会收到 ?dept= 这种无效参数，或前端过滤时把空字符串当精确匹配，直接筛掉全部数据。
