jQuery form serialize - chuỗi rỗng

Html của tôi:

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

Khi tôi kích hoạt sự kiện nhấp chuột, dữ liệu biểu mẫu trống. Tôi đang sử dụng jQuery 1.4.2.

Bạn phải inputđặt tên cho phần tử. Ví dụ:

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

sẽ cung cấp cho bạn trong hộp cảnh báo foo=2.

.serialize()lấy tên và giá trị của các trường biểu mẫu và tạo một chuỗi giống như name1=value1&name2=value2. Không có tên nó không thể tạo ra một chuỗi như vậy.

Lưu ý rằng đó namelà một cái gì đó khác với id. Biểu mẫu của bạn cũng sẽ không hoạt động nếu bạn sử dụng nó theo cách "bình thường". Mọi trường biểu mẫu cần một tên.

Mặc dù nó không áp dụng cho ví dụ cụ thể này, hành vi tương tự cũng xảy ra nếu một hoặc nhiều đầu vào biểu mẫu disabled. Các đầu vào đó sẽ không hiển thị trong chuỗi được tuần tự hóa. Trong trường hợp của tôi, tất cả các đầu vào biểu mẫu đều có giá trị nhưng đã bị vô hiệu hóa, dẫn đến một chuỗi trống được trả về.

Không có namethuộc tính nào trong đầu vào ... đó có thể là vấn đề khi tuần tự hóa.

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

Đồng thời đảm bảo rằng không có 2 phần tử có cùng id trên trang.