javascript - 我怎样才能 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());
});

Live demo使用文档中显示的表单