Come posso console.log come verranno inviati i valori #form?

Question

So che possiamo manally accedere qualsiasi valore di input per la sua selettore

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

ma c'è -simpler- un modo per registrare tutti i valori di ingresso? se è possibile farlo quando cambia l'input

Answer 1

È possibile utilizzare serialize per serializzare gli elementi del modulo in una stringa per la registrazione. Segue le stesse regole per includere o non includere elementi come normale invio di moduli. L'unica avvertenza è che il contenuto dei campi input type="file" non è serializzato, per ragioni forse ovvie.

di sparare quando uno degli ingressi cambia:

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

Live demo utilizzando il modulo indicato nella documentazione

Answer 2

Si può ottenere sotto forma di stringa di query utilizzando $("form").serialize().

Answer 3

Questo sarebbe il login forma ogni volta che qualcosa cambia:

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

Edit:

Rimosso il mio suggerimento focusOut, quando mi resi conto che il cambiamento è in realtà sparato solo quando l'elemento perde il focus.

Answer 4

Ho fatto questo piccolo componente:

$("form :input").change(function() { 
    var fields = $(this).closest('form').serialize(); 
    serialize_to_console(fields); 
}); 


/* 
    SERIALIZE TO CONSOLE 
    Transforms string to array and show each param in console if not empty */ 
var serialize_to_console = function(serialized) { 

    var splited_serialized = serialized.split('&'); 

    $.each(splited_serialized, function(index, key) { 

     var input = key.substr(0, key.indexOf('=')); 
     var value = key.substr(key.indexOf('=') + 1); 

     if(value !== '') 
     console.log('[' + input + '] = \'' + value + '\''); 
    }); 

} 

Enjoy!