hidden元素仍触发验证是因为layui的form.verify()不识别css隐藏属性，只要dom存在且含lay-verify或required属性就会校验；须同步移除属性并调用form.render()。
直接清空 lay-verify 属性并移除原生 required 属性，再调用 form.render()，否则隐藏后仍会校验失败。
为什么 hidden 元素还会触发验证
Layui 的 form.verify() 不识别 CSS 的 display: none 或 hidden 属性，只要 DOM 节点存在、且带 lay-verify="required"（或其它规则），提交时就一定会校验。浏览器原生的 required 属性也会弹窗提示，形成双重校验。
- 单纯加
style="display:none"或hidden属性 → 校验照常执行 - 只删
lay-verify但没调form.render()→ 缓存规则仍在，下次提交仍报错 - 没同步清理
required属性 → 浏览器弹窗干扰用户体验
正确移除校验的三步操作
隐藏表单项时，必须同步处理属性、DOM 状态和 Layui 内部缓存：
- 给目标元素（如
#password）移除lay-verify属性：layui.$('#password').removeAttr('lay-verify') - 同时移除原生
required属性：layui.$('#password').removeAttr('required') - 立即调用
form.render()（无需指定类型，作用于当前.layui-form容器即可）
示例场景：编辑页隐藏密码字段
if (isEdit) {
layui.$('#password, #confirmPassword').closest('.layui-form-item').addClass('layui-hide');
layui.$('#password, #confirmPassword').removeAttr('lay-verify required').val('');
form.render(); // 关键：刷新绑定关系
} else {
layui.$('#password, #confirmPassword').closest('.layui-form-item').removeClass('layui-hide');
layui.$('#password').attr('lay-verify', 'required').attr('required', 'required');
form.render();
}
更稳妥的动态跳过方案：用 form.verify 覆盖规则
适合需要频繁切换显隐、或逻辑较复杂的场景。不破坏原有属性，靠验证函数返回 true 实现“逻辑跳过”：
- 定义验证函数，判断父容器是否被隐藏：
if (layui.$(item).closest('.layui-hide').length) return true; - 把字段的
lay-verify改为自定义名，如lay-verify="skipIfHidden" - 注意：该方式仍需确保隐藏时 DOM 可见性准确（推荐用
layui-hide类而非display: none）
注册规则示例：
form.verify({
skipIfHidden: function(value, item) {
if (layui.$(item).closest('.layui-hide').length) {
return true; // 不报错，视为通过
}
}
});
容易被忽略的细节
隐藏后重新显示，若没恢复 lay-verify 和 required，字段就变成“无校验”状态；form.render() 必须在属性修改后立刻执行，延迟或遗漏都会导致验证行为不一致；如果用 layui.$(...).hide() 而非 layui-hide 类，后续 form.render() 可能因高度计算异常导致样式错乱。
