lay-verify 跳过校验的底层逻辑是校验函数主动返回 true 或提前 return，而非框架自动跳过；需在自定义规则中实时读取 DOM 状态判断条件，满足则直接返回 true，否则执行正常校验。
lay-verify 跳过校验的底层逻辑是什么
layui 的 lay-verify 本身不支持“条件跳过”，它默认对所有带该属性的元素在提交时强制触发校验。所谓“跳过”，实际是让校验函数返回 true（表示通过），或提前 return 不执行报错逻辑。关键在于：校验函数内部必须主动判断条件，而非依赖框架自动跳过。
用自定义验证规则 + 条件判断实现跳过
注册一个自定义规则（如 optionalRequired），在函数体内检查是否满足“跳过条件”，满足则直接 return true；否则走正常校验逻辑。
- 常见跳过场景：某字段仅在
type == "custom"时必填，否则忽略 - 务必读取实时 DOM 状态（如其他字段值），不能依赖初始化时的变量快照
- 注意表单元素的
name或id要可被 JS 安全获取，避免因重复 name 导致取值错误
layui.use('form', function(){
var form = layui.form;
form.verify({
optionalRequired: function(value, item){ // item 是当前 input DOM
var typeVal = document.querySelector('[name="type"]').value;
if(typeVal !== 'custom') return true; // ✅ 满足跳过条件，直接通过
if(!value) return '该字段在 custom 类型下为必填';
return true;
}
});
});
多个联动字段跳过校验时的坑
当跳过逻辑依赖多个字段（如 A 和 B 同时为某值才跳过 C），容易踩两个坑：一是 DOM 获取时机不对（C 字段校验时 A/B 尚未更新），二是事件绑定遗漏导致条件判断失效。
- 确保校验函数内用
document.querySelector或$(...)实时取值，不要缓存到闭包外 - 如果 A/B 是 select 或 checkbox，需监听其
change事件并调用form.render()（非必需）或手动重置 C 的验证状态 - 避免在
form.on('submit')中统一做条件跳过 —— 这会绕过 lay-verify 的 UI 反馈（如红框、提示文字）
使用 required 属性和 lay-verify 混合时的冲突
若元素同时有 required 属性和 lay-verify="xxx"，Layui 会优先执行自己的验证，但浏览器原生 required 仍可能在 submit 时触发弹窗提示，造成双重校验干扰。
- 务必移除
required属性，完全交由lay-verify控制 - 若后端也依赖
required做 schema 校验，需同步调整后端逻辑，或改用 data 属性标记语义（如data-required-when="type==custom"） - 调试时留意控制台是否出现
layui.form: verify rule xxx is not defined—— 表示规则名拼写错误或注册时机晚于 form.render()
