In realtà per inviare il modulo il tuo input
digitare deve essere submit
, non button
.
Usando un button
anche il tag funzionerebbe.
<input type="submit" id="submitDetails" class="submitDetails" name="submitDetails" value="Submit Your Details" />
A meno che tu non abbia un codice javascript che attiva l'invio del modulo.
Anche l'attributo action è richiesto secondo le specifiche, ma anche senza di essa, la maggior parte dei browser presuppone che l'URL dell'azione sia la pagina corrente.
Modifica :Se desideri inviare i dati del modulo senza ricaricare la pagina, disponi per utilizzare ajax o inserire l'intero modulo sotto un iframe
. (Per favore, fallo invece con ajax).
Altrimenti facendo clic su input[type=button]
non farà davvero nulla.
I dati utente sono i dati effettivi del tuo modulo, puoi acquisirli utilizzando:
$(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);
}
});
});
});