layui怎么获取表单中所有的值

   2025-02-13 4740
核心提示:可以使用layui的form模块来获取表单中所有的值。首先,需要引入layui的form模块:script src=https://cdn.staticfile.org/layui/

可以使用layui的form模块来获取表单中所有的值。

首先,需要引入layui的form模块:
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script>
在表单元素上添加lay-filter属性,用于标识表单:
<form class="layui-form" lay-filter="myForm">  <!-- 表单元素 --></form>
在JavaScript中,使用form模块的on方法监听表单提交事件,并获取表单中所有的值:
layui.use('form', function(){  var form = layui.form;  // 监听表单提交事件  form.on('submit', function(data){    // 获取表单中所有的值    var values = data.field;    console.log(values);    // 阻止表单提交    return false;  });});

在表单提交事件中,可以通过data.field来获取表单中所有的值,它会返回一个包含所有表单元素的键值对的对象。

注意:上述代码中的"myForm"是lay-filter属性的值,需要根据实际情况修改。

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