layui怎么获取表单数据

在layui中获取表单数据有两种常用的方法:

使用layui的form模块,通过监听提交事件来获取表单数据。
首先需要引入layui的form模块:

layui.use('form', function(){
  var form = layui.form;
});

然后监听表单的提交事件,通过form.on('submit(formDemo)', function(data){})来获取表单数据,其中formDemo为表单的lay-filter属性值。

form.on('submit(formDemo)', function(data){
  var formData = data.field;
  // 获取表单数据
  // formData中包含了表单中的所有字段和对应的值
  return false; // 阻止表单跳转
});

在上述代码中,data.field即为表单数据,可以通过data.field.fieldName来获取指定字段的值。

使用jQuery或原生JavaScript来获取表单数据。
首先需要使用layui的layui.form.render()方法对表单进行渲染,然后可以使用jQuery的serialize()方法来获取表单数据。

layui.use(['form', 'jquery'], function(){
  var form = layui.form;
  var $ = layui.jquery;
  
  form.render();
  
  $('#formId').on('submit', function(e){
    e.preventDefault();
    var formData = $(this).serialize();
    // 获取表单数据
    // formData为表单序列化后的字符串
  });
});

在上述代码中,formId为表单的id属性值,可以通过$(this).serialize()来获取表单数据。

阅读剩余
THE END