Odeslání formuláře pomocí

Vlastně k odeslání formuláře váš input typ musí být submit , nikoli button .

Pomocí button tag by také fungoval.

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

Pokud nemáte nějaký javascriptový kód, který spouští odeslání formuláře.

Atribut akce je také povinný podle specifikace, ale i bez ní většina prohlížečů předpokládá, že adresa URL akce je aktuální stránka.

Upravit :Pokud chcete odeslat data formuláře bez opětovného načítání stránky, máte použijte buď ajax, nebo vložte celý formulář pod iframe . (Prosím, udělejte to s ajaxem).

Jinak klikněte na input[type=button] ve skutečnosti nic neudělá.

Uživatelská data jsou skutečná data z vašeho formuláře, můžete je zachytit pomocí:

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