Layui表单验证失败时不弹窗需拦截submit事件并手动validate，通过回调获取失败DOM加自定义错误样式，输入时移除样式恢复边框。
form.verify 里 return false 不阻止默认提示？
默认情况下，form.verify 中 return false 或字符串，layui 会自动触发 layer.msg 弹窗。这不是 bug，是设计如此——验证函数只负责“告诉框架校验没过”，弹窗由表单提交拦截逻辑统一处理。
想禁用弹窗只改样式，不能只靠 verify 函数本身，得配合表单提交事件和 CSS 控制。
-
form.verify仍要写，用于返回false触发验证失败流程（否则不会走后续样式逻辑） - 必须用
form.on('submit(...)')拦截提交，并在回调里手动调用form.validate() - 验证失败时，不调用
return false或layer.msg，而是用 JS 找到对应input元素加 class
如何给失败字段加红框而不弹窗
关键不是改验证规则，而是接管验证失败后的 DOM 反馈。Layui 的 form.validate() 第二个参数支持回调，它会传入一个 elem（失败的表单项 DOM 节点），直接用它操作样式最稳。
示例：
form.on('submit(test)', function(data){
form.validate(this, function(res){
if(!res){
// 验证失败：清除所有已标记的错误样式
$('.layui-form-item').removeClass('layui-form-error');
// res 是失败项的 DOM 元素（如 input、select）
$(res).closest('.layui-form-item').addClass('layui-form-error');
return false; // 阻止提交，但不弹窗
}
});
return false;
});
注意：layui-form-error 是自定义 class，需自己写 CSS：
.layui-form-item.layui-form-error .layui-input,
.layui-form-item.layui-form-error .layui-textarea,
.layui-form-item.layui-form-error select {
border-color: #ff5722 !important;
}
为什么直接改 .layui-form-item 样式会失效
Layui 在验证失败后会动态插入 <div class="layui-form-danger"></div> 到输入框后面，同时给父级 .layui-form-item 加 layui-form-danger 类——但它只在弹窗模式下才这么做。一旦你绕过默认提交流程，这个类就不会自动加。
- 不要依赖
layui-form-danger，它不可靠，且文档未公开保证行为 - 不要用
$('input[name=xxx]').next().remove()清除提示，因为没弹窗时根本没生成那个div - 务必用
$(res).closest('.layui-form-item')定位，比靠 name 或 id 更健壮（尤其有多个同名字段时）
input 边框变红后怎么恢复正常状态
用户开始输入时，需要移除错误样式，否则红框一直挂着。Layui 没提供内置钩子，得自己监听 input 和 change 事件。
推荐写法（放在表单初始化之后）：
form.render(); // 确保渲染完成
$('.layui-form-item .layui-input, .layui-form-item .layui-textarea').on('input change', function(){
const $item = $(this).closest('.layui-form-item');
if($item.hasClass('layui-form-error')){
// 输入即清除错误态，但不立即重验（避免边输边抖）
$item.removeClass('layui-form-error');
}
});
注意：这里不调用 form.validate() 实时校验，是因为实时验证容易和用户输入节奏冲突；真正校验仍留给提交时刻。
复杂点在于，如果表单里混用了 select、checkbox、radio，它们的交互逻辑不同，input 事件不触发。这类字段得单独绑定 change 并做类似处理——没人会为一个红框去写全组件兼容逻辑，所以实际项目中，优先保证文本类字段体验，其他按需补。
