lay-reqtext仅对required规则生效且需验证函数不返回值或字符串；form.verify()返回字符串可自定义提示，返回false/undefined则回退至lay-reqtext或默认文案。
lay-reqtext 属性改提示文字，但有时不生效？
直接在 input 上加 lay-reqtext 是最省事的方式，但它只对 required 规则起作用，且仅当验证失败时由 layui 自动读取——前提是没被自定义验证函数“截胡”。
常见错误现象：写了 lay-reqtext="用户名不能为空"，但提交后还是弹出默认的“请填写用户名”。
- 原因往往是：你同时写了
form.verify()里针对username的规则，且该函数没返回false或字符串，而是返回了undefined或空值，导致 Layui 继续走默认逻辑，又去读lay-reqtext；但如果你的验证函数里用了layer.alert()或手动清除了错误状态，系统反而会忽略它 - 真正生效的前提是：验证函数**不返回任何值**（即让 Layui 掉进 fallback 流程），或明确返回字符串（此时
lay-reqtext被完全忽略） - 适用场景：纯必填校验、文案微调、不想动 JS 的静态表单
用 form.verify() 返回字符串，控制提示内容和触发时机
这是最常用也最可控的方式。Layui 验证器只要收到字符串返回值，就会中止后续验证，并用这个字符串作为提示内容（默认走 tips 模式）。
实操建议：
- 函数签名必须是
function(value, elem)，第二个参数elem是 DOM 元素，可用于定位、加 class 或找兄弟节点 - 返回字符串即触发提示；返回
false或undefined也会触发，但提示内容会退回到lay-reqtext或内置文案 - 不要在函数里调
layer.msg()或layer.alert()后再返回字符串，否则提示会叠两次 - 示例：
form.verify({ username: function(value, elem){ if(!value) return '⚠️ 用户名是必填项，请检查'; if(value.length
lay-vertype 控制提示位置，但别混用 alert 和 tips
lay-vertype 是开关级配置，决定整个字段的提示形态，不是样式微调。它有三个合法值：tips（默认，悬浮在输入框旁）、alert（居中弹窗）、msg（顶部 banner）。选错会导致交互断裂。
容易踩的坑：
-
lay-vertype="alert"会阻塞页面操作，不适合高频输入场景（比如搜索框实时验证） - 多个字段混用不同
lay-vertype时，Layui 不保证视觉一致性；例如一个tips、一个alert，用户会感觉表单“反应不统一” - 动态切换需调用
form.render('select')或重载整个表单，不能只改属性就生效 - 移动端下
tips容易被键盘遮挡，此时msg反而更稳妥
深度定制提示位置：绕过内置 tips，自己写 DOM 提示
当提示必须出现在输入框下方、右侧图标旁、或带 icon 的气泡里时，Layui 原生 tips 模式无法满足——它的定位是绝对定位+自动计算，不支持锚点绑定或 flex 对齐。
可行做法是：禁用默认提示，用自定义容器接管：
- 先在 HTML 里为每个字段加一个空提示容器，比如
<div class="field-tip"></div>，放在layui-input-block内部 - 在
form.verify()函数里，用$(elem).next('.field-tip').text('...')写入内容，并加color: #e23636等样式 - 关键一步：验证函数末尾返回
false，阻止 Layui 自己再画tips - 注意兼容性：如果表单用了
form.render()动态加载，要确保自定义容器 DOM 已存在，否则.next()找不到
这种方案自由度最高，但也意味着你要自己处理清空提示、多语言、焦点联动等细节——Layui 不再帮你兜底。
