Question

i know we can manally log any input value by its selector

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

But is there -simpler- a way to log all input values? if it’s posible to do it when any input changes

Answer 1

You can use serialize to serialize the form elements to a string for logging. It follows the same rules for including or not including elements as normal form submission. The only caveat is that the content of input type="file" fields isn’t serialized, for perhaps obvious reasons.

To fire it when any of the inputs changes:

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

Live demo using the form shown in the documentation