layui如何获取表单数据

1453
2023/12/27 18:16:09
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

在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的对象。

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: layui怎么批量修改单列的值