使用layer.confirm拦截表单提交需先event.preventDefault()阻止默认行为，在回调中手动submit；校验通过后再弹窗，避免体验割裂；须加提交锁防重复提交，并设置shadeClose: false禁用蒙层关闭。
使用 layer.confirm 拦截表单默认提交行为
直接给 form 绑定 submit 事件并调用 layer.confirm，关键在于阻止表单原生提交，等用户点击“确定”后再手动触发提交。layui 的 layer.confirm 是异步弹窗，不能放在 return false 前直接判断——否则确认框还没出来，表单已经提交了。
实操建议：
- 用
event.preventDefault()阻止默认提交 - 在
layer.confirm的回调函数里调用form.submit()或form[0].submit() - 不要用
return false+ 同步逻辑，那是常见错误写法
form.on('submit(*)', function(data){
event.preventDefault(); // 必须加，否则拦不住
layer.confirm('确定要提交吗？', function(index){
data.form.submit(); // 触发原生提交（校验仍生效）
layer.close(index);
});
});
配合 Layui 表单校验一起用时的注意事项
Layui 的 form.verify 是在表单提交前同步执行的，而 layer.confirm 是异步的。如果把确认逻辑放在校验之后（比如在 submit 回调里才弹窗），那用户填错字段时，校验提示会先闪一下，然后才弹确认框——体验割裂，且可能绕过校验。
正确做法是：让校验照常运行，只在「校验通过后」再弹确认框。利用 form.on('submit') 的 data.elem 和 data.field 可以辅助判断，但更稳妥的是复用 Layui 内置校验机制：
- 不手动调用
form.validate()，避免重复触发 - 在
submit回调中先检查layui.form().verify()返回值（需自行封装）或依赖默认行为——Layui 会在校验失败时自动阻止提交，此时layer.confirm根本不会执行 - 若需自定义校验后行为，建议用
form.on('submit') → event.preventDefault() → form.validate() → 成功则 layer.confirm
点击确认后重复提交问题怎么防
用户手快连点“确定”，会导致多次提交。Layui 弹窗本身不处理按钮防抖，得自己加锁。
实操建议：
- 用一个布尔变量（如
isSubmitting）标记状态 - 弹窗回调开头判断
if (isSubmitting) return;，然后立即设为true - 提交成功或失败后重置该变量（注意 AJAX 场景下要在
success/error里重置） - 也可以禁用提交按钮：
$(data.elem).find('button[type="submit"]').prop('disabled', true)，提交完成后恢复
移动端点击蒙层关闭弹窗导致误操作
默认 layer.confirm 允许点击遮罩层关闭，用户点偏了就取消确认，但表单状态没变，容易困惑。这不是 bug，是配置项未关。
解决方式很简单，在 layer.confirm 的配置中加上：
layer.confirm('确定要提交吗？', {
shadeClose: false, // 关键：禁用点击遮罩关闭
closeBtn: 1 // 可选：保留右上角关闭按钮
}, function(index){
// 提交逻辑
});
另外，shadeClose: false 在 iOS 上尤其重要——Safari 对蒙层点击响应敏感，不关掉容易白点一次就退出。
二次确认这事，核心不在“怎么弹”，而在“什么时候弹、弹完怎么收场”。漏掉防重、没关遮罩、和校验时机打架，这三处最容易让功能看起来“时灵时不灵”。
