租用问题

质量为本、客户为根、勇于拼搏、务实创新

< 返回租用问题列表

layui如何获取表单中所有的值,layui如何获取数据

发布时间:2024-01-05 02:37:27

layui如何获得表单中所有的值

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

  1. 首先,需要引入layui的form模块:
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script>
  1. 在表单元素上添加lay-filter属性,用于标识表单:
<form class="layui-form" lay-filter="myForm">
  <!-- 表单元素 -->
</form>
  1. 在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属性的值,需要根据实际情况修改。