我有一个带有许多输入字段的表单。
当我用jQuery捕获提交表单事件时，是否有可能在一个关联数组中获得该表单的所有输入字段?
当前回答
我希望这是最简单的方法。
$("#form").submit(function (e) {
e.preventDefault();
input_values = $(this).serializeArray();
});
其他回答
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();
});
});
$("#form-id").submit(function (e) {
e.preventDefault();
inputs={};
input_serialized = $(this).serializeArray();
input_serialized.forEach(field => {
inputs[field.name] = field.value;
})
console.log(inputs)
});
受到Lance Rushing和Simon_Weaver回答的启发，这是我最喜欢的解决方案。
$('#myForm').submit( function( event ) {
var values = $(this).serializeArray();
// In my case, I need to fetch these data before custom actions
event.preventDefault();
});
输出是一个对象数组，例如。
[{name: "start-time", value: "11:01"}, {name: "end-time", value: "11:11"}]
使用下面的代码，
var inputs = {};
$.each(values, function(k, v){
inputs[v.name]= v.value;
});
它的最终输出将是
{"start-time":"11:01", "end-time":"11:01"}
http://api.jquery.com/serializearray/
$('#form').on('submit', function() {
var data = $(this).serializeArray();
});
这也可以在没有jQuery的情况下使用XMLHttpRequest Level 2 FormData对象完成
http://www.w3.org/TR/2010/WD-XMLHttpRequest2-20100907/#the-formdata-interface
var data = new FormData([form])
