layui怎么獲取表單中所有的值

小億
361
2024-01-05 02:37:27

可以使用layui的form模塊來(lái)獲取表單中所有的值。

  1. 首先，需要引入layui的form模塊：
<script src="https://cdn.staticfile.org/layui/2.5.6/layui.js"></script>
  1. 在表單元素上添加lay-filter屬性，用于標(biāo)識(shí)表單：
<form class="layui-form" lay-filter="myForm">
  <!-- 表單元素 -->
</form>
  1. 在JavaScript中，使用form模塊的on方法監(jiān)聽(tīng)表單提交事件，并獲取表單中所有的值：
layui.use('form', function(){
  var form = layui.form;

  // 監(jiān)聽(tīng)表單提交事件
  form.on('submit', function(data){
    // 獲取表單中所有的值
    var values = data.field;
    console.log(values);

    // 阻止表單提交
    return false;
  });
});

在表單提交事件中，可以通過(guò)data.field來(lái)獲取表單中所有的值，它會(huì)返回一個(gè)包含所有表單元素的鍵值對(duì)的對(duì)象。

注意：上述代碼中的"myForm"是lay-filter屬性的值，需要根據(jù)實(shí)際情況修改。

0 踩