How can I retrieve form data in layui? ラユイでフォームデータを取得する方法は何ですか?

layuiでフォームデータを取得する一般的な方法は2つあります。

  1. formモジュールを使用して、フォームデータを取得するために送信イベントを監視します。
    最初にlayuiのformモジュールをインポートする必要があります。
  2. layui.use(‘form’, function(){
    var form = layui.form;
    });layui.use(‘form’, function(){
    var form = layui.form;
    });
  3. フォームの送信イベントにリッスンし、form.on(‘submit(formDemo)’, function(data){})を使用してフォームデータを取得します。ここで、formDemoはフォームのlay-filter属性値です。
  4. form.on(‘submit(formDemo)’, function(data){
    var formData = data.field;
    // フォームデータを取得
    // formDataにはフォームのすべてのフィールドとその値が含まれています
    return false; // フォームの遷移を防止
    });
  5. 上記のコードでは、data.fieldがフォームデータを表し、data.field.fieldNameを使用して特定のフィールドの値を取得できます。
  6. jQueryまたは生のJavaScriptを使用してフォームデータを取得します。
    まず、フォームをレンダリングするためにlayui.form.render()メソッドを使用する必要があります。その後、フォームデータを取得するためにjQueryのserialize()メソッドを使用できます。
  7. 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はフォームがシリアル化された文字列です
    });
    });

  8. 上記のコードでは、formIdはフォームのid属性の値であり、$(this).serialize()を使用してフォームデータを取得できます。
bannerAds