layuiでフォーム内のすべての値を取得する方法は何ですか？

Layuiのフォームモジュールを使用して、フォーム内のすべての値を取得できます。

1. 最初に、layuiのフォームモジュールを導入する必要があります。

<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属性の値ですので、実際の状況に応じて修正する必要があります。