affichage de message de remerciement lorsque formulaire de contact soumis

Ok, donc j'ai regardé sur le forum et de voir les mêmes questions, mais je ne suis toujours pas obtenir n'importe où avec le code que j'ai dérobé à partir de différentes pages.

Je suis en utilisant bootstrap css pour afficher un formulaire de contact, les champs habituels, nom, email, message, etc. Le action="process.php" qui est l'endroit où j'ai ajouter l'utilisateur dans une base de données mysql et ensuite m'envoyer une confirmation de quelqu'un qui a soumis le formulaire. Tout est donc bien sur ce front, c'est juste que je veux afficher un simple "merci" message une fois que le formulaire a été soumis, mais pas par la redirection vers une autre page.

J'ai le texte suivant pour l'un message:

<!-- thank you message -->
<div id="thanks" class="alert alert-success fade">
  <button href="#" type="button" class="close">&times;</button>
  <h4>Got it!</h4>
  <p>Thanks. I've received your message, I'll be in touch within 24 hours. Promise.</p>
</div>

puis de les utiliser js pour ajouter le "en" pour l'afficher une fois soumis:

$('#send_button').click(function () {
    $('#thanks').addClass('in'); 
});

$('.close').click(function () {
    $(this).parent().removeClass('in'); //hides alert with Bootstrap CSS3 implem
});

J'ai brièvement voir le merci message d'alerte, mais puis-je obtenir redirigé vers "process.php" et ce n'affiche rien comme theres pas de code html à l'intérieur, juste à la base de données mysql trucs et php mailer.
Un autre point à noter, si ce n'est de l'intérêt, je charge le formulaire de contact d'abord par l'ajax et l'url est comme wdr/index.php#contact

Quelqu'un peut-il m'aider à finir le code. Je suis sûr que c'est quelque chose de simple qui me manque pour faire ce travail comme il se doit.

Toute aide appréciée.

Col

OriginalL'auteur | 2013-08-11

  1. 4

    À l'aide d'Ajax, c'est facile. voici ce que j'utilise pour le simple envoie:

    Le js:

    $('#form_id').on('submit', function(e) {
    e.preventDefault(); //Prevents default submit
    var form = $(this); 
    var post_url = form.attr('action'); 
    var post_data = form.serialize(); //Serialized the form data for process.php
    $('#loader', form).html('<img src="../img/forms/loader.gif" /> Please Wait...');
    $.ajax({
        type: 'POST',
        url: 'process.php', //Your form script
        data: post_data,
        success: function(msg) {
            $(form).fadeOut(500, function(){
                form.html(msg).fadeIn();
            });
        }
    });
});

    L'process.php:

    <?php

/* Configuration */
$subject = 'Submission received'; //Set email subject line here
$mailto  = 'your email address'; //Email address to send form submission to
/* END Configuration */

$firstName      = $_POST['firstName'];
$lastName       = $_POST['lastName'];
$email          = $_POST['email'];
$companyName    = $_POST['companyName'];
$phone          = $_POST['phone'];
$callTime       = $_POST['callTime'];
$timestamp = date("F jS Y, h:iA.", time());

//HTML for email to send submission details
$body = "
<br>
<p>The following information was submitted through the contact form on your website:</p>
<p><b>Name</b>: $firstName $lastName<br>
<b>Email</b>: $email<br>
<b>Company name</b>: $companyName<br>
<b>Phone number</b>: $phone (Please call in the <b>$callTime</b>)</p>
<p>This form was submitted on <b>$timestamp</b></p>
";

//Success Message
$success = "
<div class=\"row-fluid\">
    <div class=\"span12\">
        <h3>Submission successful</h3>
        <p>Thank you for taking the time to contact Pacific One Lending. A representative will be in contact with you shortly. If you need immediate assistance or would like to speak to someone now, please feel free to contact us directly at <strong>(619) 890-3605</strong>.</p>
    </div>
</div>
";

$headers = "From: $firstName $lastName <$email> \r\n";
$headers .= "Reply-To: $email \r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
$message = "<html><body>$body</body></html>";

if (mail($mailto, $subject, $message, $headers)) {
    echo "$success"; //success
} else {
    echo 'Form submission failed. Please try again...'; //failure
}

?>
    hey merci pour la réponse et le code. de ce que je peux voir cette charge toujours le message de remerciement dans une autre page du formulaire de contact. je suis à la recherche de "show", une grâce message à côté de la forme, une fois son soumis sans avoir à recharger la page. je pense que c'est quelque chose de facile à faire, juste ne peux pas suss le code. ps. j'aime votre expéditeur code, je vais utiliser ça!
    En fait à la merci du bloc de chargement en lieu et place de la forme. Si vous pouvez poster votre code sur JSFiddle, je vais jeter un oeil et voir quel est le problème.
    hmm, avoir de la difficulté à obtenir du violon et de travailler comme je l'ai cette fin. Je suis sûr que vous avez raison, donc je vais jouer avec le code de cette fin et de vous laisser savoir. merci pour votre temps et vos suggestions.
    Juste une petite mise à jour de ce, comme prévu je faisais quelque chose de mal et que votre code fonctionne un régal. Merci beaucoup pour la présentation, c'est vraiment m'a aidé a pas de fin. Cheers!

    OriginalL'auteur Joe Conlin