Senden eines Formulars mit

Eigentlich reicht das Formular Ihre input tippen muss submit sein , nicht button .

Verwenden einer button Tag würde auch funktionieren.

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

Es sei denn, Sie haben einen Javascript-Code, der das Absenden des Formulars auslöst.

Das Aktionsattribut ist ebenfalls erforderlich gemäß der Spezifikation, aber auch ohne sie nehmen die meisten Browser an, dass die Aktions-URL die aktuelle Seite ist.

Bearbeiten :Wenn Sie die Formulardaten senden möchten, ohne die Seite neu zu laden, müssen Sie um entweder Ajax zu verwenden oder das gesamte Formular unter einen iframe zu stellen . (Bitte machen Sie es stattdessen mit Ajax).

Andernfalls klicken Sie auf input[type=button] wird nicht wirklich etwas tun.

Die Benutzerdaten sind die eigentlichen Daten aus Ihrem Formular, Sie können sie erfassen mit:

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