jQuery form serialize - порожній рядок

Мій 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. Ваша форма також не працювала б, якби ви використовували її "звичайним" способом. Кожне поле форми потребує імені.

Хоча це не стосується цього конкретного прикладу, однакова поведінка трапляється, якщо є один або кілька входів форми disabled. Ці входи не відображатимуться в серіалізованому рядку. У моєму випадку всі входи форми мали значення, але були відключені, в результаті чого повертався порожній рядок.

У nameвхідних даних немає атрибута ..., що може бути проблемою для серіалізації.

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

Також переконайтеся, що на сторінці немає 2 елементів з однаковим ідентифікатором.