jQuery-Formular serialisieren - leere Zeichenfolge

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

Wenn ich das Klickereignis starte, ist formData leer. Ich verwende jQuery 1.4.2.

Sie müssen dem inputElement einen Namen geben. Z.B:

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

wird Ihnen in der Alarmbox geben foo=2.

.serialize()Nimmt den Namen und den Wert der Formularfelder und erstellt eine Zeichenfolge wie name1=value1&name2=value2. Ohne Namen kann eine solche Zeichenfolge nicht erstellt werden.

Beachten Sie, dass dies nameetwas anderes ist als id. Ihr Formular hätte auch nicht funktioniert, wenn Sie es auf "normale" Weise verwendet hätten. Jedes Formularfeld benötigt einen Namen.

Obwohl dies für dieses spezielle Beispiel nicht gilt, tritt dasselbe Verhalten auf, wenn eine oder mehrere Formulareingaben vorliegen disabled. Diese Eingaben werden in der serialisierten Zeichenfolge nicht angezeigt. In meinem Fall hatten alle Formulareingaben Werte, wurden jedoch deaktiviert, was dazu führte, dass eine leere Zeichenfolge zurückgegeben wurde.

nameDie Eingabe enthält kein Attribut. Dies kann ein Problem bei der Serialisierung sein.

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

Stellen Sie außerdem sicher, dass auf der Seite keine 2 Elemente mit derselben ID vorhanden sind.