Formularz jQuery serialize - pusty ciąg

Mój 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" />

Kiedy uruchamiam zdarzenie click, formData jest puste. Używam jQuery 1.4.2.

Musisz nadać inputelementowi nazwę. Na przykład:

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

poda w polu ostrzeżenia foo=2.

.serialize()przyjmuje nazwę i wartość pól formularza i tworzy ciąg podobny do name1=value1&name2=value2. Bez nazwy nie może stworzyć takiego ciągu.

Zauważ, że nameto coś innego niż id. Twój formularz również by nie zadziałał, gdybyś używał go w „normalny” sposób. Każde pole formularza musi mieć nazwę.

Chociaż nie ma to zastosowania do tego konkretnego przykładu, to samo zachowanie występuje, jeśli co najmniej jedno dane wejściowe formularza to disabled. Te dane wejściowe nie pojawią się w serializowanym ciągu. W moim przypadku wszystkie dane wejściowe formularza miały wartości, ale były wyłączone, co skutkowało zwróceniem pustego ciągu.

W namedanych wejściowych nie ma atrybutu ... co może być problemem przy serializacji.

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

Upewnij się również, że na stronie nie ma 2 elementów o tym samym identyfikatorze.