验证失败后页面不自动滚动，是因为form.verify只负责校验逻辑而不触发dom滚动；必须在form.on('submit')中主动调用form.validate()或form.verify(elem)确保.layui-form-danger类已添加，再通过$('#myform .layui-form-danger').first()[0]?.scrollintoview({behavior:'smooth',block:'center'})滚动到首个错误项，并配合scroll-margin-top:60px避免被固定导航遮挡。
验证失败后页面不自动滚动，是因为 form.verify 只校验、不滚动；必须在 form.on('submit') 中主动触发验证并手动滚动。
为什么 form.on('submit') 里直接查 .layui-form-danger 常常查不到
因为 .layui-form-danger 类是 Layui 在验证完成、提示渲染后才加上的，而 form.on('submit') 回调执行时 DOM 还没更新 —— 此时查不到该 class。
- 正确做法：先调
form.validate()或form.verify(elem)主动触发一次完整验证，确保 DOM 已打上.layui-form-danger - 别依赖
data.field—— 它只含通过验证的字段，错误项根本不会出现在里面 - 动态渲染的表单（如异步加载或
laytpl）必须等form.render()执行完再绑定 submit 监听，否则验证逻辑不生效
如何安全获取第一个错误元素并滚动
拿到首个 .layui-form-danger 元素后，scrollIntoView 并非总能对准，尤其在固定导航栏、弹层、折叠面板等场景下容易错位。
- 优先用
block: 'center'而不是'nearest'，避免元素被顶部position: fixed导航遮挡 - 给出错的
<input>或其父.layui-form-item加 CSS：scroll-margin-top: 60px（比 JS 计算偏移更稳定） - 若表单在
layer.open弹层中，且弹层设置了maxHeight或scrollbar: false，应滚动的是.layui-layer-content，而不是window - 不要用
$('html, body').animate({ scrollTop: ... })—— Chrome 新版本对body滚动支持已不可靠
Tab 页或折叠面板里的表单怎么滚动到对应区域
错误项若在未激活的 Tab 页或收起的折叠项里，scrollIntoView 会失效 —— 元素不可见，浏览器无法定位。
- 先用
element.tabChange('filter', 'tab-id')切换到目标 Tab，再执行滚动 - 若错误项在
.layui-colla-item里，需先调element.accordion('expand', index)展开对应面板 - 查找范围必须限定：用
$('.layui-tab-content .layui-show .layui-form-danger').first()，而非全局查 - 多个表单共存时，记得加作用域前缀，比如
$('#myForm .layui-form-danger').first()，防止误选其他表单
真正容易被忽略的点是：Layui 不会在用户修改输入后自动清除 .layui-form-danger，所以滚动逻辑必须严格绑定在验证失败的「当下」，不能靠监听 class 变化来延迟处理。
