tp6+layui提交按钮在form外面提交表单

浏览:491 发布日期:2022/01/03 分类:ThinkPHP6专区 关键字: tp6 layui 提交按钮 form
//js部分代码--------------------------------------
//外部提交按钮绑定.listOrderBtn类
$('.listOrderBtn').click(function() {

    layui.use(['form'], function() {
        var form = layui.form();
        form.render();
        //内部隐藏按钮绑定.formDemo1,执行模拟点击,监听事件提交前后都要加下列代码
        $('.formDemo1').trigger('click');
        form.on('submit(formDemo)', function(data) {
            $.ajax({
                //ajax提交部分
            })
        })
        //内部隐藏按钮绑定.formDemo1,执行模拟点击,监听事件提交前后都要加下列代码
        $('.formDemo1').trigger('click');
    })
    
})
//html部分代码--------------------------------------

<form>//表单范围内--------

//内部提前按钮设置display:none隐藏
<button style="display:none"  class="formDemo1"  lay-submit lay-filter="formDemo1">内部提交</button>
</form>//表单范围内-------

//外部按钮
<button class="listOrderBtn">外部提交按钮</button>
最佳答案
评论( 相关
后面还有条评论,点击查看>>