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 องค์ประกอบที่มีรหัสเดียวกันบนหน้า