我有一个简单的模态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);
}
1条答案
按热度按时间dzjeubhm1#
表单元素缺少
name
属性。例如:name
在序列化表单时用作键/值对中的键。没有一个,就没有可以赋值的键。顺便说一句为了正确关联
<label>
元素,表单输入还需要id
来匹配for
属性: