Skicka ett formulär med

Egentligen för att skicka formuläret din input typ måste submit , inte button .

Använda en button taggen skulle också fungera.

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

Såvida du inte har någon JavaScript-kod som utlöser formuläret.

Action-attributet är också obligatoriskt enligt specifikationen, men även utan den, antar de flesta webbläsare att åtgärdsadressen är den aktuella sidan.

Redigera :Om du vill skicka in formulärdata utan att ladda om sidan har du att använda antingen ajax, eller lägga hela formuläret under en iframe . (Snälla, gör det med ajax istället).

Annars klickar du på input[type=button] kommer egentligen inte att göra någonting.

Användardata är den faktiska informationen från ditt formulär, du kan fånga det med:

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