layui怎么获取表单数据

   2025-02-04 5400
核心提示:在layui中获取表单数据有两种常用的方法:使用layui的form模块,通过监听提交事件来获取表单数据。首先需要引入layui的form模块

在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()来获取表单数据。

 
 
更多>同类维修知识
推荐图文
推荐维修知识
点击排行
网站首页  |  关于我们  |  联系方式  |  用户协议  |  隐私政策  |  网站留言