jQuery form serialize - boş dize

Benim 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" />

Click olayını başlattığımda formData boş. JQuery 1.4.2 kullanıyorum.

inputElemana bir isim vermelisiniz . Örneğin:

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

uyarı kutusunda size verecektir foo=2.

.serialize()form alanlarının adını ve değerini alır ve benzeri bir dize oluşturur name1=value1&name2=value2. İsim olmadan böyle bir dizge oluşturamaz.

Bunun namefarklı bir şey olduğunu unutmayın id. Formunuz da "normal" şekilde kullanırsanız işe yaramazdı. Her form alanının bir adı olmalıdır.

Bu belirli örnek için geçerli olmasa da, aynı davranış bir veya daha fazla form girdisi olduğunda ortaya çıkar disabled. Bu girdiler serileştirilmiş dizede görünmeyecektir. Benim durumumda, tüm form girdilerinin değerleri vardı, ancak devre dışı bırakıldı, bu da boş bir dizenin döndürülmesine neden oldu.

nameGirişte serileştirme için sorun olabilecek bir öznitelik yok .

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

Ayrıca sayfada aynı kimliğe sahip 2 öğe olmadığından emin olun.