jQuery form serialize - stringa vuota

Il mio 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" />

Quando avvio l'evento click, formData è vuoto. Sto usando jQuery 1.4.2.

Devi dare inputun nome all'elemento. Per esempio:

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

ti darà nella casella di avviso foo=2.

.serialize()prende il nome e il valore dei campi del modulo e crea una stringa come name1=value1&name2=value2. Senza un nome non può creare una stringa del genere.

Nota che nameè qualcosa di diverso da id. Anche il tuo modulo non avrebbe funzionato se lo avessi usato in modo "normale". Ogni campo del modulo ha bisogno di un nome.

Sebbene non si applichi a questo particolare esempio, lo stesso comportamento si verifica se uno o più input del modulo lo sono disabled. Questi input non verranno visualizzati nella stringa serializzata. Nel mio caso, tutti gli input del modulo avevano valori ma erano disabilitati, risultando in una stringa vuota restituita.

Non c'è alcun nameattributo nell'input ... che potrebbe essere un problema per la serializzazione.

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

Assicurati inoltre che non ci siano 2 elementi con lo stesso ID nella pagina.