我如何在console.log中如何发送#form值？

Question

我知道我们可以通过其选择器手动记录任何输入值

console.log('inputName='+$('#inputId').val()+'....)

但是,是否有 - 简单 - 记录所有输入值的方法？如果在任何输入改变时可以做到这一点

Answer 1

您可以使用serialize将表单元素序列化为字符串以进行日志记录.它遵循与包括或不包括正常表单提交的元素相同的规则.唯一需要注意的是,由于input type="file"显而易见的原因,字段的内容不是序列化的.

在任何输入更改时触发它:

$("form :input").change(function() {
    console.log($(this).closest('form').serialize());
});

使用文档中显示的表单进行现场演示