Jqueryは特定のフォームからフォームデータをすべて投稿します

Question

jQueryを初めて使用しています。私は、フォームからonBlurのデータをPOST/GETしようとしています。私の基本的な必要性は、フォームデータ（ユーザー入力）とすべての隠しフィールドの投稿を可能にすることです。これらのフィールド値は異なる場合があります。しかし、特定の形式でのみ、すべての形式ではありません。

私はbasicly必要なのは、PHPスクリプトにフォームデータをPOSTすることである（つまり、jQueryの中で発展を期待して......私のホームフィールドです）

ここではその変更されることができる（例えば、あります必要に応じてjQueryフレンドリーにすることができます）

<form name=\"username\"> 
    <input id=\"username\" type=\"text\" value=\"111111111111\"> 
    <input type=\"hidden\" name=\"type\" value=\"username\"> 
    <input type=\"hidden\" name=\"val1\" value=\"???\"> 
    <input type=\"hidden\" name=\"val2\" value=\"???\"> 
    <input type=\"hidden\" name=\"val3\" value=\"???\"> 
</form> 

<form name=\"firstname\"> 
    <input id=\"firstname\" type=\"text\" value=\"222222222222\"> 
    <input type=\"hidden\" name=\"type\" value=\"firstname\"> 
    <input type=\"hidden\" name=\"val1\" value=\"???\"> 
    <input type=\"hidden\" name=\"val2\" value=\"???\"> 
    <input type=\"hidden\" name=\"val3\" value=\"???\"> 
</form> 

<form name=\"lastname\"> 
    <input id=\"lastname\" type=\"text\" value=\"333333333\"> 
    <input type=\"hidden\" name=\"type\" value=\"lastname\"> 
    <input type=\"hidden\" name=\"val1\" value=\"???\"> 
    <input type=\"hidden\" name=\"val2\" value=\"???\"> 
    <input type=\"hidden\" name=\"val3\" value=\"???\"> 
</form>` 

ヘルプオビ=ワンケノービ。あなたは私の唯一の希望です！ :) 皆様からのご意見をお待ちしております。

Answer 1

<script> 
$(document).ready(function(){ 
    $('#username, #firstname, #lastname').on('blur', function() { 
     Var data = $(this).closest('form').serialize(); 
     $.post(url, data, function() {}); 
    }); 
}); 
</script>