Javascript Girl
  1. Javascript Girl
  3. Formulaire de contact Script n'envoyant pas le formulaire
Intereting Posts
Utilisez JavaScript pour placer le curseur à la fin du texte dans l'élément de saisie de texte Déplacement des options sélectionnées vers le haut et vers le bas via jquery Qu'est-ce que le @ (au signe) signifie dans l'exemple le plus récent de TypeScript (vraisemblablement v1.5)? Comment empêcher les éléments enfants entraînables de se glisser les uns sur les autres? Blur Img's & Div's en HTML en utilisant CSS Comment faire défiler le point d'ancrage dans un site Web réactif? Passer des paramètres à la fonction eventListener Rx.Subject perd les événements Quel est l'analogue de Knockout écritable calculé observable dans AngularJS? Ecrire des tests d'unités descriptives Existe-t-il une implémentation JavaScript (ECMAScript) écrite en Python? Comment SetTimeout fonctionne-t-il dans Node.JS? Message d'avertissement Firefox Une image de profil d'utilisateur incorrecte s'affiche à partir de JS array – Comment résoudre ce problème? Fraction de nombre de flotteur angulaire en baisse

Formulaire de contact Script n'envoyant pas le formulaire

J'ai ce script de formulaire de contact PHP (comme indiqué ci-dessous) que j'ai utilisé avant, donc je connais les travaux, MAIS, en raison de cela, j'ai caché le formulaire html à l'intérieur d'une nouvelle division jQuery powered: ( <div class="toggle hidemail" id="drop-button" href=""> Email us here </div> <div class="hidden hiddenform"> ) qui bascule vers le haut et vers le bas, je ne peux pas envoyer le formulaire, le formulaire lorsqu'il est envoyé est Supposé disparaître, donner à l'utilisateur un message de confirmation (comme le montre le script), mais il ne fait rien, je suppose que personne ne saurait ce qui se passe mal ici afin que je puisse récupérer ce formulaire à nouveau? 

 <?php $to = '[email protected]'; $subject = 'Company Name'; $name = $_POST['name']; $email = $_POST['email']; $message = $_POST['message']; $body = <<<EMAIL Hello my name is $name. $message From $name my email address is $email EMAIL; if($name == '' || $email == '' || $message == "") { echo "<h5>Sorry, I think you missed bit....</h5>"; $error = true; } else { $error = false; mail("[email protected]", $name, $email, $message); echo "<h5>Thank you for getting in touch. I'll get back to you ASAP.</h5>"; } if($error == true): ?> <article id="contact-form"> <article id="load_area"> <form id="my-form"> <input type="text" name="name" placeholder="Name" /> <input type="text" name="email" placeholder="Email" /> <textarea name="message" placeholder="Message" /></textarea> <input type="button" class="submit_button" value="Send" name="send_button" /> </form> </article> </article> <?php endif; ?>

Voici le HTML: 

 <div class="toggle hidemail" id="drop-button" href=""> Email us here </div> <div class="hidden hiddenform"> <article id="contact-form"> <article id="load_area"> <form id="my-form"> <input type="text" name="name" placeholder="Name" /> <input type="text" name="email" placeholder="Email" /> <textarea name="message" placeholder="Message" /></textarea> <input type="button" class="submit_button" value="Send" name="send_button" /> </form> </article> </article> </div> $(document).ready(function() { $(".submit_button").live("click", function() { $("#load_area").fadeOut('slow', function() { $("#load_area").fadeIn(); $.post("process.php", $("#my-form").serialize(), function(data) { $("#load_area").html(data); }) }); }) })

Essayez d'utiliser 

 $(".submit_button").on("click", function(){

Au lieu de '$(".submit_button").live("click", function(){

De jQuery Docs:

À partir de jQuery 1.7, la méthode .live () est obsolète

Essayez également d'utiliser 

 $('#my-form').submit(function() { alert('Handler for .submit() called.'); return false; });

Et définir une action dans votre formulaire html de la façon suivante: 

 <form id="my-form" action="process.php">