扫描二维码下载沐宇APP

沐宇

微信扫码使用沐宇小程序

沐宇
沐宇首页 互联网技术知识问答 layui如何获取表单数据

layui如何获取表单数据

扬州沐宇科技
2024-01-13 18:16:09
layui

在layui中，可以使用form.on(‘submit(formFilter)’, function(data){})事件来获取表单数据。

首先，需要在HTML中给表单添加一个过滤器（filter），例如：

然后，在JavaScript中监听表单的提交事件，通过回调函数来获取表单数据，例如：

form.on('submit(formFilter)', function(data){
  // 获取表单数据
  var field = data.field;
  // 打印表单数据
  console.log(field);
  // 阻止表单提交，如果不需要阻止表单提交则可以去掉这行代码
  return false;
});

在回调函数中，可以通过data.field来获取表单数据，data.field是一个包含所有表单元素name和value的对象。

相关问答

扫码添加客服微信