La soumission d'un formulaire à l'aide de <input type =“button”>

Je vais avoir un peu de mal avec cela et ne peut pas voir ce que je fais mal. J'ai cette forme:

<div class="user">

    <form name="userDetails" id="userDetails" method="post" >
        <input type="text" name="firstName" id="firstName" class="firstName"  placeholder="first name " />
        <input type="text" name="lastName" id="lastName" class="lastName"  placeholder="last name " />
        <input type="text" name="address" id="address" class="address"  placeholder="First line of Address " />
        <input type="text" name="postcode" id="postcode" class="postcode"  placeholder="Postcode " />
        <input type="text" name="email" id="email" class="email"  placeholder="E-Mail " />
        <input type="text" name="phone" id="phone" class="phone"  placeholder="Phone " />

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

    </form>

</div>

Ainsi, lorsque l'utilisateur clique sur le bouton, il doit soumettre le formulaire à celle de PHP pour agir sur la forme (je sais que le sql n'est pas une déclaration préparée à l'avance et est vulnérable aux injections, mais ce sera fait au plus tard):

 <div class="overallSummary">

  <?php
    $fName = $_POST['firstName'];
    $lName = $_POST['lastName'];
    $address = $_POST['address'];
    $pc = $_POST['postcode'];
    $email = $_POST['email'];
    $phone = $_POST['phone'];

    $userSQL = "INSERT INTO user (forename, surname, address, postcode, email, phone) VALUES ('$fName', '$lName', '$address', '$pc', '$email', '$phone')";


    $result = mysql_query($userSQL) or die(mysql_error());

   ?>
  </div>

Cependant lorsque je vérifie mes tables, aucune information n'est inséré dans la base de données. En gardant à l'esprit ce code est tous dans le même document, c'est pourquoi je n'ai pas utilisé d'action="fichier.tapez" dans le formulaire de déclaration. C'est parce que je ne suis pas sûr de savoir si l'ajax est approprié ici.

Toute aide est très appréciée, merci.

MODIFIER

Ce que je pourrais faire est d'utiliser ajax avec jQuery pour écouter l'événement click du bouton:

$(document).ready(function() {
  $(".submitDetails").click(function(e) {
      e.preventDefault();
       var userData = $("#?").val();
       var dataToSend = '?=' + eNameData;

    $.ajax({                
        url: "userDetailTest.php", 
        type: "POST",
        data: dataToSend,     
        cache: false,
        success: function(php_output)
        {
         $(".overallSummary").html(php_output);
           }    
    });
  });
});

L'idée ici est d'utiliser cet ajax lorsque le bouton est cliqué et d'appeler la fonction ajax mais je ne suis pas sûr de ce que pour mettre l'ID de la variable 'userData' et ce qu'il faut ajouter dans le " dataToSend variable pour le faire fonctionner avec mon formulaire.

OriginalL'auteur Tim Johnstone | 2012-03-14