layui form.reset() 不生效是因为未传入正确DOM节点或未调用form.render()，且对layui组件无效，需结合form.val()手动重置各组件状态并重新渲染。
layui form.reset() 不生效的常见原因
直接调用 form.reset() 没反应，大概率是因为没传入正确的表单 dom 节点，或者表单还没被 form.render() 过。
layui 的 form.reset() 不是全局方法，它只重置你传进去的那个 <form> 元素内部的原生控件（input、select、textarea），对 layui 渲染后的下拉框、开关、日期等组件**完全无效**——这些组件的状态得单独处理。
- 必须传入表单的 DOM 对象，比如
document.getElementById('myForm')，不能传 jQuery 对象或选择器字符串 - 如果表单里有
lay-select、lay-date、lay-switch，它们的 UI 状态不会随form.reset()改变 - 表单若通过
form.render()初始化过，重置后建议再调一次form.render()，否则部分组件可能显示异常（比如 select 仍显示旧选项）
清空 layui 渲染组件的正确组合操作
要真正“清空”一个含 layui 组件的表单，得手动补全原生重置 + 组件状态重置。核心思路：先用 form.reset() 清原生值，再逐个调用组件的赋值 API 把 UI 设为空。
-
select下拉框：用form.val('filter', { 'fieldName': '' })，然后form.render('select', 'filter') -
checkbox/radio：设为null或空数组（多选）：form.val('filter', { 'agree': null }) -
switch开关：必须设为false，设''或null无效：form.val('filter', { 'isPublish': false }) -
date/datetime：设为空字符串''，不是null：form.val('filter', { 'publishTime': '' }) - 所有操作完后，建议统一调一次
form.render()，避免渲染残留
封装一个可靠的 resetForm 函数
重复写一堆 form.val() 很容易漏字段，也难维护。推荐封装一个函数，自动遍历表单内所有带 name 的控件，并按类型设默认空值。
function resetForm(filter, formElem) {
// 原生重置
if (formElem && formElem.reset) formElem.reset();
// 清空 layui 组件值
const emptyVals = {};
const $elems = $(formElem).find('[name]').add(formElem.querySelectorAll('[name]'));
$elems.each(function() {
const name = this.name;
const type = this.type || '';
if (!name) return;
if (['checkbox', 'radio'].includes(type)) {
emptyVals[name] = null;
} else if (type === 'select-one' || type === 'select-multiple') {
emptyVals[name] = '';
} else if (['date', 'datetime-local', 'month'].includes(type)) {
emptyVals[name] = '';
} else {
emptyVals[name] = '';
}
});
form.val(filter, emptyVals);
form.render(null, filter); // 重渲染全部组件
}
调用时只需传入你的表单 filter 名和 DOM 元素：resetForm('userForm', document.getElementById('userForm'))。
注意 hidden 字段和动态添加字段的陷阱
hidden 输入框常被忽略，但它有 name，会被 form.val() 读取和设置——如果你没在 emptyVals 里显式覆盖它，它的值可能保持不变，导致提交时带上脏数据。
动态插入的字段（比如点击“添加一行”后追加的 input）如果没在初始 form.render() 时纳入，它们既不会被 form.reset() 清，也不会被 form.val() 操作到。
- hidden 字段务必显式设空：
emptyVals['token'] = '' - 动态字段需在插入后立即调用
form.render('select')等对应类型渲染，且重置前要确保它们已存在于 DOM 中 - 如果表单结构复杂，比手动清空更稳的方式是：销毁整个表单 DOM 并重建（适合 modal 表单场景）
真正的难点不在“怎么清”，而在“清哪些”和“清完是否真干净”。尤其当表单混用原生控件、layui 组件、第三方插件时，别迷信一键重置——逐项验证才是最省时间的做法。
