Layui select 联动时需监听 first 选择事件，动态设置 second 的 lay-verify 属性后，必须调用 form.render('select') 重绘并用 form.verify(..., true) 强制更新校验规则，否则 DOM 修改无效。
layui select 联动时如何动态控制第二个 select 的必填校验？
不能靠单纯改 lay-verify="required" 属性来实现动态必填，layui 表单验证是初始化时绑定的，dom 属性变更不会自动同步到校验规则里。必须手动触发校验状态更新或重置验证实例。
用 form.val() + form.verify() 配合 form.render() 才有效
核心思路是：监听第一个 select 的 change 事件 → 根据值决定第二个 select 是否需要必填 → 修改其 DOM 的 lay-verify 属性 → 调用 form.render('select') 重绘下拉框 → 再调用 form.verify() 显式注册/覆盖校验规则（否则旧规则残留）。
常见错误是只改了 lay-verify 却没调 form.verify()，导致提交时仍按旧规则校验。
- 必须在
form.on('select(xxx)', ...)回调里操作，不能用原生change事件（Layui 的 select 是封装后的 DOM） -
form.verify()第二个参数传true可强制覆盖已有规则：form.verify({ requiredSelect: [...] }, true) - 若第二个 select 初始无
lay-verify，动态加后需确保它有name属性，否则form.val()读不到值
实际代码片段（关键逻辑）
form.on('select(first)', function(data){
var val1 = data.value;
var $second = $('#second-select');
if (val1 === 'A') {
$second.attr('lay-verify', 'required');
// 动态注册校验规则
form.verify({
requiredSelect: [/[\S]+/, '请选择']
}, true);
} else {
$second.removeAttr('lay-verify');
// 清空该字段校验（不删规则，只清空绑定）
form.verify({
requiredSelect: []
}, true);
}
// 必须重渲染，否则新 lay-verify 不生效
form.render('select');
});
注意表单提交时的校验时机和兼容性
Layui 的 form.on('submit(...)') 默认会执行全部带 lay-verify 的字段校验，但如果你在提交前手动改过 lay-verify 却没调 form.render()，它可能仍按初始状态校验。
更稳妥的做法是在 submit 回调开头再做一次判断：
- 用
form.val('form-filter')拿当前所有字段值 - 检查第一个 select 的值，再决定是否手动校验第二个：
if (val1 === 'A' && !$('#second-select').val()) { layer.msg('请选择'); return false; } - 避免依赖
lay-verify的自动行为，复杂联动时手动校验反而更可控
真实项目里，「动态必填」往往还伴随选项内容刷新（比如级联地区），这时候 form.render() 和校验规则清理更要同步，漏掉任一环节都会导致表单行为错乱。
