动态添加的input需手动调用form.render()重新渲染才能启用lay-verify校验；自定义验证应使用函数式规则匹配name特征；删除时需清空值并移除提示DOM及类名，且务必设置name属性。
动态添加的 <input> 默认不会被 layui.form 自动监听校验，必须手动触发重新渲染或注册验证逻辑，否则 lay-verify 属性形同虚设。
动态添加 input 后 form.verify 不生效？先重载表单渲染
layui 的表单模块在页面加载时只扫描一次 DOM，后续用 JS 插入的元素不会自动绑定验证行为。你得主动调用 form.render() 告诉它“这里有新表单控件”。
-
form.render()不带参数时，会重载所有表单类型（select、checkbox、radio、input 等） - 若只新增了普通文本框，可指定类型：
form.render('input') - 如果新增的是带
lay-verify的<select>或开关按钮，需对应调用form.render('select')或form.render('checkbox') - 注意：必须在插入 DOM 之后、用户交互之前调用，否则校验仍不触发
自定义验证规则如何匹配动态生成的 name 或 class？
动态添加的 input 往往使用数组语法（如 name="phones[]"）或带序号的 name（如 name="phone_2"），而 form.verify 的 key 是静态字符串，无法直接匹配。这时要靠函数式验证 + DOM 定位来绕过命名限制。
- 不要把验证规则名硬写成
phones[]—— 这会导致form.verify({ 'phones[]': ... })报错或不执行 - 改用通用规则名（如
dynamicPhone），然后在函数体内通过item参数获取当前 DOM 元素，再判断其name或class是否符合动态特征 - 示例：
form.verify({ dynamicPhone: function(value, item){ // 只对 name 以 'phone_' 开头的输入框启用此规则 if (/^phone_\d+$/.test(item.name) && !/^1[3-9]\d{9}$/.test(value)) { return '请输入有效的手机号'; } } });
删除动态 input 时，如何避免残留校验失败提示？
直接 .remove() 元素后，layui 可能还保留着对该 DOM 的验证状态缓存，导致提交时弹出已不存在字段的错误提示。
- 删除前，建议先清空该 input 的值：
$(targetInput).val('') - 再手动移除 layui 添加的校验提示 DOM：
$(targetInput).next('.layui-form-danger').remove(); - 如果该 input 触发过验证失败，它的父级
.layui-form-item可能还挂着layui-form-danger类，一并清除：$(targetInput).closest('.layui-form-item').removeClass('layui-form-danger'); - 极端情况可强制重置整个表单状态：
form.val('your-form-filter', {})，但会清空所有已填内容，慎用
真正容易被忽略的是：动态添加的 input 如果没加 name 属性，即使有 lay-verify，提交时也拿不到值 —— layui 表单数据序列化依赖 name，不是靠 ID 或 class。
