Indsendelse af en formular ved hjælp af

Faktisk for at indsende formularen dit input type skal være submit , ikke button .

Brug af en button tag ville også fungere.

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

Medmindre du har en eller anden javascript-kode, der udløser formularens indsendelse.

Handlingsattributten er også påkrævet i henhold til specifikationen, men selv uden den, antager de fleste browsere, at handlings-URL'en er den aktuelle side.

Rediger :Hvis du vil indsende formulardataene uden at genindlæse siden, har du at bruge enten ajax eller sætte hele formularen under en iframe . (Gør det venligst med ajax i stedet).

Ellers klikker du på input[type=button] vil ikke rigtig gøre noget.

Brugerdataene er de faktiske data fra din formular, du kan fange dem ved at bruge:

$(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);
        }    
    });
  });
});