layuifrom表单弹窗操作按钮

在Layui中，可以通过layer弹窗来实现表单的弹窗操作。以下是一个示例代码：

HTML代码：

<button class="layui-btn" id="addBtn">添加</button>

<script type="text/html" id="formTpl">
  <form class="layui-form" lay-filter="formDemo">
    <div class="layui-form-item">
      <label class="layui-form-label">用户名</label>
      <div class="layui-input-block">
        <input type="text" name="username" lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">密码</label>
      <div class="layui-input-block">
        <input type="password" name="password" lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <div class="layui-input-block">
        <button class="layui-btn" lay-submit lay-filter="formSubmit">提交</button>
      </div>
    </div>
  </form>
</script>

JS代码：

// 引入layer模块
layui.use(['layer', 'form'], function(){
  var layer = layui.layer;
  var form = layui.form;

  // 监听添加按钮的点击事件
  $('#addBtn').click(function() {
    // 弹出表单
    layer.open({
      type: 1,
      title: '添加用户',
      content: $('#formTpl').html(),
      area: ['500px', '300px']
    });

    // 监听表单的提交事件
    form.on('submit(formSubmit)', function(data){
      // 在这里提交表单数据，例如使用ajax请求
      layer.closeAll();  // 关闭弹窗
      return false;  // 阻止表单跳转
    });
  });
});

以上代码可以实现一个弹出表单的弹窗，并在表单提交时关闭弹窗。你可以根据自己的需求修改表单内容和相关操作。