<इनपुट प्रकार =बटन> . का उपयोग करके फॉर्म जमा करना

असल में फॉर्म को सबमिट करने के लिए अपना input टाइप करें submit करने की आवश्यकता है , नहीं button .

button का उपयोग करना टैग भी काम करेगा।

<input type="submit" id="submitDetails" class="submitDetails" name="submitDetails" value="Submit Your Details" />

जब तक आपके पास कुछ जावास्क्रिप्ट कोड न हो जो फ़ॉर्म सबमिट को ट्रिगर कर रहा हो।

कार्रवाई विशेषता भी आवश्यक है विनिर्देश के अनुसार, लेकिन इसके बिना भी, अधिकांश ब्राउज़र क्रिया URL को वर्तमान पृष्ठ मान लेते हैं।

संपादित करें :यदि आप पृष्ठ को पुनः लोड किए बिना प्रपत्र डेटा सबमिट करना चाहते हैं, तो आपके पास है या तो अजाक्स का उपयोग करने के लिए, या पूरे फॉर्म को iframe . के अंतर्गत रखने के लिए . (कृपया, इसके बजाय इसे अजाक्स के साथ करें)।

अन्यथा input[type=button] . पर क्लिक करें वास्तव में कुछ नहीं करेगा।

उपयोगकर्ता डेटा आपके फ़ॉर्म का वास्तविक डेटा है, आप इसका उपयोग करके इसे कैप्चर कर सकते हैं:

$(document).ready(function() {
  $(".submitDetails").click(function(e) {
      e.preventDefault();

    // See Teez answer, I wasn't aware of this.
    var dataToSend = $("#userDetails").serializeArray();

    $.ajax({                
        url: "userDetailTest.php", 
        type: "POST",
        data: dataToSend,     
        cache: false,
        success: function(php_output)
        {
         $(".overallSummary").html(php_output);
        }    
    });
  });
});