En fait, pour soumettre le formulaire, votre input
tapez doit être submit
, pas button
.
Utiliser un button
balise fonctionnerait également.
<input type="submit" id="submitDetails" class="submitDetails" name="submitDetails" value="Submit Your Details" />
Sauf si vous avez un code javascript qui déclenche l'envoi du formulaire.
L'attribut action est également obligatoire conformément à la spécification, mais même sans elle, la plupart des navigateurs supposent que l'URL d'action est la page actuelle.
Modifier :Si vous souhaitez soumettre les données du formulaire sans recharger la page, vous avez utiliser soit ajax, soit mettre le formulaire entier sous un iframe
. (S'il vous plaît, faites-le avec ajax à la place).
Sinon en cliquant sur le input[type=button]
ne fera vraiment rien.
Les données utilisateur sont les données réelles de votre formulaire, vous pouvez les capturer en utilisant :
$(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);
}
});
});
});