Form seriliazetoarray and convert array to json

Form Seriliaze and convert to this json

Form

   <form id="myform">

                    <div class="row mb-3">

                      <div class="col-6">

                        <label for="FirstName">First Name</label>

                        <input

                          type="text"

                          class="form-control"

                          placeholder="John"

                          id="FirstName"

                          name="FirstName"

                        />

                      </div>

                      <div class="col-6">

                        <label for="LastName">Last Name</label>

                        <input

                          type="text"

                          class="form-control"

                          placeholder="Mon"

                          id="LastName"

                          name="LastName"

                        />

                      </div>

                    </div>

                    <div class="row mb-3">

                      <div class="col-6">

                        <label for="PhoneNumber">Phone Number</label>

                        <input

                          type="tel"

                          class="form-control"

                          placeholder="9876543210"

                          id="PhoneNumber"

                          name="PhoneNumber"

                        />

                      </div>

                      <div class="col-6">

                        <label for="email">Email</label>

                        <input

                          type="email"

                          class="form-control"

                          placeholder="exmaple@mail.com"

                          id="email"

                          name="email"

                        />

                      </div>

                    </div>

                    <div class="row">

                      <div class="col-12 text-right">

                        <button

                          class="btn btn-outline-success btn-sm px-3"

                          id="submitBtn"

                        >

                          Submit

                        </button>

                      </div>

                    </div>

                  </form>

Copied!

Js

 <script>

    $(document).ready(function () {

      $("#submitBtn").click(function (e) {

        e.preventDefault();

        const formArrayData = $("#myform").serializeArray();

        const jsonData = convertArrayToJson(formArrayData)

       

      });

      function convertArrayToJson(arr) {

        data = [];

        $.each(arr, function () {

          data[this.name] = this.value;

        });

        return data;

      }

    });

  </script>

Copied!