を使用してフォームを送信する

実際にフォームを送信するには、input タイプ submitする必要があります 、buttonではありません 。

buttonを使用する タグも機能します。

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

フォームの送信をトリガーするJavaScriptコードがない限り。

アクション属性も必須です 仕様どおりですが、仕様がない場合でも、ほとんどのブラウザはアクションURLを現在のページと見なします。

編集 ：ページをリロードせずにフォームデータを送信する場合は、持っている ajaxを使用するか、フォーム全体をiframeの下に配置します 。 （代わりにajaxで実行してください）。

それ以外の場合は、input[type=button]をクリックします 実際には何もしません。

ユーザーデータはフォームからの実際のデータであり、次を使用してキャプチャできます。

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