jquery 提交模态表单并以JSON格式获取字段

qcuzuvrc  于 2023-05-28  发布在  jQuery
关注(0)|答案(1)|浏览(223)

我有一个简单的模态div来提交HTML格式的表单

<div class="modal-body">
                  <form id="myform">
                    <div class="form-group">
                      <label for="username">Username</label>
                      <input type="text" placeholder="Username" class="form-control">
                    </div>
                    <div class="form-group">
                      <label for="password">Password</label>
                      <input type="password" placeholder="Password" class="form-control">
                    </div>
                  </form>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-sm btn-outline-secondary" data-bs-dismiss="modal">Close</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary" onclick="addToFirebase()">Save changes</button>
                </div>

当我试图以JSON的形式获取字段数据时,我得到了空白数组[]。我需要将所有字段值作为json。

function addToFirebase(){
              alert('Adding to firebase');
              var formData = JSON.stringify($("#myform").serializeArray());
              console.log(formData);
            }
dzjeubhm

dzjeubhm1#

表单元素缺少name属性。例如:

<input name="username" type="text" placeholder="Username" class="form-control">

name在序列化表单时用作键/值对中的键。没有一个,就没有可以赋值的键。
顺便说一句为了正确关联<label>元素,表单输入还需要id来匹配for属性:

<input name="username" id="username" type="text" placeholder="Username" class="form-control">

相关问题