layui的弹框页面中按钮有多个时,必填项未填写时提交,直接关闭页面

 

解决办法:在btn2 函数内 尾部添加 return false; 即可避免验证未通过提交问题

 ,yes: function () {
   //监听提交
   form.on('submit(card-form-submit)', function (data) {
        //ajax:                   
   }
 , btn2: function () {
    //监听提交
    form.on('submit(save_submit)', function (data) {
        //ajax:
    });
    return false;
}
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui 实现多个 tab 切换,可以通过结合 layui 的 tab 组件和框组件来实现。 首先,在创建 tab 组件的 HTML 结构,例如: ``` <div class="layui-tab layui-tab-brief" lay-filter="demo"> <ul class="layui-tab-title"> <li class="layui-this">Tab 1</li> <li>Tab 2</li> <li>Tab 3</li> </ul> <div class="layui-tab-content"> <div class="layui-tab-item layui-show">内容1</div> <div class="layui-tab-item">内容2</div> <div class="layui-tab-item">内容3</div> </div> </div> ``` 然后,在框的 JS ,需要引入 layui 的 tab 组件并初始化,例如: ``` layui.use(['layer', 'element'], function(){ var layer = layui.layer; var element = layui.element; layer.open({ type: 1, title: '多个tab切换', area: ['500px', '300px'], content: $('#tabDemo'), success: function(layero, index){ // 初始化tab组件 element.tabChange('demo', 0); element.on('tab(demo)', function(data){ console.log(data.index); // 当前Tab的下标 }); } }); }); ``` 在这段代码,我们使用 `layui.use` 方法加载了 layer 和 element 组件,并在 `layer.open` 方法创建了一个框,并将 tab 组件的 HTML 结构作为框的内容传入。 在 `success` 回调函数,我们首先使用 `element.tabChange` 方法将第一个 tab 设置为当前选的 tab。然后,使用 `element.on` 方法监听 tab 组件的切换事件,并在回调函数输出当前 tab 的下标。 这样,就可以在 layui 实现多个 tab 的切换了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值