我有一个带有许多输入字段的表单。
当我用jQuery捕获提交表单事件时，是否有可能在一个关联数组中获得该表单的所有输入字段?
当前回答
也有类似的问题，只是稍微有点扭曲，我想我应该把它扔掉。我有一个回调函数，得到的形式，所以我已经有一个形式对象，不能简单的变量$('form:input')。相反，我想到了:
var dataValues = {};
form.find('input').each(
function(unusedIndex, child) {
dataValues[child.name] = child.value;
});
它类似但不完全相同的情况，但我发现这条线索非常有用，我想我会把它塞在末尾，希望其他人也能发现它有用。
其他回答
也有类似的问题，只是稍微有点扭曲，我想我应该把它扔掉。我有一个回调函数，得到的形式，所以我已经有一个形式对象，不能简单的变量$('form:input')。相反，我想到了:
var dataValues = {};
form.find('input').each(
function(unusedIndex, child) {
dataValues[child.name] = child.value;
});
它类似但不完全相同的情况，但我发现这条线索非常有用，我想我会把它塞在末尾，希望其他人也能发现它有用。
$("#form-id").submit(function (e) {
e.preventDefault();
inputs={};
input_serialized = $(this).serializeArray();
input_serialized.forEach(field => {
inputs[field.name] = field.value;
})
console.log(inputs)
});
不要忘记复选框和单选按钮-
var inputs = $("#myForm :input");
var obj = $.map(inputs, function(n, i) {
var o = {};
if (n.type == "radio" || n.type == "checkbox")
o[n.id] = $(n).attr("checked");
else
o[n.id] = $(n).val();
return o;
});
return obj
jQuery的serializeArray不包括禁用字段，所以如果你也需要这些，试试:
var data = {};
$('form.my-form').find('input, textarea, select').each(function(i, field) {
data[field.name] = field.value;
});
这段代码可以工作 而不是名称，电子邮件输入您的表单字段的名称
$(document).ready(function(){
$("#form_id").submit(function(event){
event.preventDefault();
var name = $("input[name='name']",this).val();
var email = $("input[name='email']",this).val();
});
});
