Een formulier verzenden met

Eigenlijk om het formulier in te dienen uw input type moet submit . zijn , niet button .

Een button gebruiken tag zou ook werken.

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

Tenzij je een javascript-code hebt die het verzenden van het formulier activeert.

Het actiekenmerk is ook vereist volgens de specificatie, maar zelfs zonder deze gaan de meeste browsers ervan uit dat de actie-URL de huidige pagina is.

Bewerken :Als u de formuliergegevens wilt indienen zonder de pagina opnieuw te laden, heeft u beschikt om ofwel ajax te gebruiken, of het hele formulier onder een iframe te plaatsen . (Doe het alsjeblieft met ajax).

Klik anders op de input[type=button] zal niet echt iets doen.

De gebruikersgegevens zijn de feitelijke gegevens van uw formulier, u kunt deze vastleggen met:

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