jQueryフォームシリアライズ-空の文字列

私のhtml：

 <script type="text/javascript">

    $(function() {

        $("#bt1").click(function() {

            var f = $("#form1");
            var formData = f.serialize();

            alert(formData);
        });

    }); 
</script> 

 <div id="div1">
      <form id="form1" action="/Home/Test1" method="post" name="down">
        <div id="div2">
            <input id="input1" type="text" value="2" />
        </div>    
      </form>
  </div>

 <input type="submit" id="bt1" />

クリックイベントを発生させると、formDataが空になります。私はjQuery 1.4.2を使用しています。

input要素に名前を付ける必要があります。例えば：

<form id="form1" action="/Home/Test1" method="post" name="down">
    <div id="div2">
        <input id="input1" type="text" value="2" name="foo"/>
    </div>    
</form>

警告ボックスに表示されますfoo=2。

.serialize()フォームフィールドの名前と値を取り、のような文字列を作成しますname1=value1&name2=value2。名前がないと、そのような文字列を作成できません。

これnameはとは異なる点に注意してくださいid。「通常の」方法で使用した場合、フォームも機能しません。すべてのフォームフィールドには名前が必要です。

これはこの特定の例には適用されませんが、1つ以上のフォーム入力がの場合、同じ動作が発生しますdisabled。これらの入力は、シリアル化された文字列には表示されません。私の場合、すべてのフォーム入力に値が含まれていましたが無効になっているため、空の文字列が返されました。

name入力に属性がありません...シリアル化の問題である可能性があります。

<input id="input1" type="text" value="2" name="input1" />

また、ページに同じIDの2つの要素がないことを確認してください。