layui form表单点击按钮提交数据

在layui中，可以使用form模块来处理表单的提交操作。以下是一个示例代码，演示如何在点击按钮时提交表单数据：

HTML代码：

<form class="layui-form" action="">
  <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="submitForm">提交</button>
    </div>
  </div>
</form>

JavaScript代码：

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

  // 监听表单提交事件
  form.on('submit(submitForm)', function(data) {
    // 获取表单数据
    var username = data.field.username;
    var password = data.field.password;

    // 打印获取的表单数据
    console.log('用户名：', username);
    console.log('密码：', password);

    // TODO: 在这里可以进行表单提交等操作

    return false; // 阻止表单默认提交
  });
});

在上述示例中，我们使用layui的form模块监听了表单的提交事件，并通过`data.field`获取到了表单中输入的数据。你可以根据自己的需求，在监听事件中进行表单数据的处理、验证、提交等操作。最后，使用`return false`阻止表单的默认提交行为。