私はどのように#form値が送信されるconsole.logことができますか？

Question

は、私たちはmanallyそのセレクタ

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

ことによって、任意の入力値を記録することができます知っているが、すべての入力値をログに記録する方法はあり-simpler-のですか？入力が変更されたときにそれを行う可能性がある場合

Answer 1

serializeを使用して、フォーム要素をロギング用の文字列にシリアル化できます。これは、通常のフォーム提出として要素を含めるか含まないかについて同じ規則に従います。唯一の注意点は、明らかな理由からinput type="file"フィールドの内容がシリアル化されていないことです。

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

Live demoあなたは$("form").serialize()を使用してクエリ文字列の形で得ることができますドキュメント

Answer 2

に示す形式を使用して：入力の変更のいずれかのときにそれを発射する

。

Answer 3

これは、すべての時間は何の変化形が記録されます：

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

編集：

を私は要素がフォーカスを失ったときに変更が実際にのみ発射されることに気づいて、私のfocusout提案を削除しました。

Answer 4

私はこの小さなコンポーネント製：

$("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 + '\''); 
    }); 

} 

お楽しみに！