jQuery रूप serialize - रिक्त स्ट्रिंग

Question

मेरे एचटीएमएल:

<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 का उपयोग कर रहा हूँ।

Answer 1

आपको 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 जैसी स्ट्रिंग बनाता है। एक नाम के बिना यह ऐसी स्ट्रिंग नहीं बना सकता है।

ध्यान दें कि nameid से कुछ अलग है। यदि आपने इसे "सामान्य" तरीके से उपयोग किया है तो आपका फॉर्म भी काम नहीं करेगा। प्रत्येक फॉर्म फ़ील्ड को एक नाम की आवश्यकता है।

Answer 2

इनपुट में कोई name विशेषता नहीं है ... जो धारावाहिक के लिए एक समस्या हो सकती है।

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

Answer 3

हालांकि यह इस विशेष उदाहरण पर लागू नहीं होता है, वही व्यवहार तब होता है जब एक या अधिक फॉर्म इनपुट अक्षम है। वे इनपुट क्रमबद्ध स्ट्रिंग में दिखाई नहीं देंगे। मेरे मामले में, सभी फॉर्म इनपुट में मूल्य थे लेकिन अक्षम कर दिए गए, जिसके परिणामस्वरूप एक खाली स्ट्रिंग लौटा दी गई।

Answer 4

यह भी सुनिश्चित करें कि पृष्ठ पर एक ही आईडी के साथ 2 तत्व नहीं हैं।