Изпращане на формуляр с помощта на

Всъщност да изпратите формуляра си input тип трябва да бъде submit , а не button .

Използване на button маркерът също ще работи.

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

Освен ако нямате някакъв JavaScript код, който задейства изпращането на формуляра.

Атрибутът action също е задължителен според спецификацията, но дори и без нея повечето браузъри приемат, че 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);
        }    
    });
  });
});