Layui radio单选框不触发表单验证，需确保name属性完全一致、显式添加lay-verify="required"、value值非空，并在动态插入后调用form.render('radio')。
radio 单选框不触发 Layui 表单验证？检查 name 是否一致
默认情况下，layui 的表单验证只认 name 相同的一组 input[type="radio"] 为一个字段。如果每个 radio 的 name 写得不统一（比如拼错、大小写不一致、带空格），验证会直接忽略整组——看起来“没反应”，其实压根没被识别。
实操建议：
- 确保所有同组 radio 的
name完全相同，例如统一用sex，不要混用Sex或user_sex - 在 HTML 中显式写出
name，别依赖 JS 动态注入（Layui 初始化时只读取初始 DOM） - 用浏览器开发者工具检查元素，确认真实渲染出的
name值是否一致
验证规则里没写 required，radio 就不会校验
Layui 不像某些框架默认对 radio 组做必选校验。你必须在 form.verify 或表单元素的 lay-verify 属性中明确声明 required，否则即使加了 * 星号，提交时也不会拦住空选。
实操建议：
- 在表单容器调用
form.render()后，用form.verify({})添加自定义规则，或直接给任意一个 radio 加属性：lay-verify="required" - 注意：只需给同组中**任意一个** radio 加
lay-verify="required"即可，Layui 会自动关联整组 - 别写成
required=""或required="true"—— 这是 HTML5 原生属性，Layui 不读它
提交时提示“未选择”，但实际已选？可能是 value 值为空字符串
如果 radio 的 value 是空字符串（value=""），Layui 验证逻辑会把它当作“未选中”，哪怕用户点过该选项。这是最容易被忽略的数据洁癖问题。
实操建议：
- 每个 radio 的
value必须是非空字符串，例如value="1"、value="male"，避免value=""或仅空格 - 后端接收时也按非空
value解析，前后端保持一致 - 调试时用
console.log(form.val('yourFormName'))查看实际取到的值，确认不是undefined或空串
动态插入的 radio 不生效？初始化时机和 form.render() 没跟上
用 AJAX 加载或 JS 动态生成的 radio，Layui 初始化时根本看不到它们，验证自然失效。这不是 bug，是生命周期问题。
实操建议：
- 插入新 radio 后，立刻调用
form.render('radio')（指定类型）或form.render()（全量重绘） - 确保
form.render()在 DOM 插入完成之后执行，不要放在异步回调外层 - 如果用
form.on('submit(...)')监听，它本身不依赖渲染时机，但验证规则必须在渲染后才绑定成功
表单验证这事，核心就三点：name 对得上、required 写得明、value 别为空。动态场景多一次 form.render() 几乎能解决 90% 的“不触发”问题。
