Formulaire de contact et recaptcha de Google

Formulaire de contact et recaptcha de Google - Javascript/Node.js - Programmation

Marsh Posté le 08-07-2017 à 22:39:44    

Bonjour à tous,

 

J'ai depuis pas mal de temps un problème sur mon site, le formulaire de contact ne fonctionne pas.
En effet, il s'agit d'un modèle que j'ai téléchargé d'internet et qui avait une vérification javascript et après php.
Pour plus de sécurité j'ai voulu rajouter le recaptcha de Google et la impossible je bloque je suis incapable de le faire fonctionner.
D'après ce que j'ai compris, il manque dans la requête Ajax du Javascript les paramètre du recaptcha mais malgré toutes mes tentatives ... impossible.
J'ai constamment un message du script PHP, qui me dit que mon recaptcha n'est pas coché.
Et depuis peu mon bouton reset ne fait plus rien du tout !?

 

Je vous montre tous ça:
D'abord mon formulaire

Code :
  1. <!-- form -->
  2.                <form action="" method="post" id="contactForm" name="contactForm">
  3.     <fieldset>
  7.                   <div>
  8.         <label for="contactName">Nom <span class="required">*</span></label>
  9.         <input required class="plume" type="text" value="" size="50" maxlength="150" id="contactName" name="contactName" placeholder="  Veuillez entrer votre pseudo">
  10.                   </div>
  12.                   <div>
  13.         <label for="contactEmail">Email <span class="required">*</span></label>
  14.         <input required class="plume" type="email" value="" size="50" maxlength="300" id="contactEmail" name="contactEmail" placeholder="  Veuillez indiquer votre mail">
  15.                   </div>
  17.                   <div>
  18.         <label for="contactSubject">Sujet <span class="required">*</span></label>
  19.         <input required class="plume" type="text" value="" size="50" maxlength="150" id="contactSubject" name="contactSubject" placeholder="  Veuillez indiquer le sujet de votre message">
  20.                   </div>
  22.     <div>
  23.     <label for="contactMessage">Message <span class="required">*</span></label>
  24.      <textarea required class="plume" cols="50" rows="15" id="contactMessage" name="contactMessage" maxlength="5000" placeholder=" Veuillez écrire ici votre message"></textarea>
  26.     </div>
  28.                   <div class="center">     
  29.      <label for="contactMessage"></label>
  30.     <div class="g-recaptcha" data-sitekey="Clé Publique">
  31.      </div>
  32.                   </div>
  33.     </br>
  35.                   <div class="divbotton">
  36.      <label for="contactMessage"></label>
  37.     <button class="submit cancel" type="reset">Annuler</button> <button class="submit accept">Envoyer</button>
  38.                      <span id="image-loader">
  39.                         <img alt="" src="../images/loader.gif">
  40.                      </span>
  41.                   </div>
  43.     </fieldset>
  44.       </form> <!-- Form End -->
 

Ensuite mon Javascript:

Code :
  1. $('form#contactForm button.submit').click(function() {
  3.       $('#image-loader').fadeIn();
  5.   var contactName     = $('#contactForm #contactName').val();
  6.   var contactEmail     = $('#contactForm #contactEmail').val();
  7.   var contactSubject    = $('#contactForm #contactSubject').val();
  8.   var contactMessage    = $('#contactForm #contactMessage').val();
  9.   var g_recaptcha_response  = $('#contactForm #g_recaptcha_response').val();
  10.  
  11.   var data        = {contactName:contactName ,
  12.              contactEmail:contactEmail , 
  13.              contactSubject:contactSubject ,
  14.              contactMessage:contactMessage ,
  15.              g_recaptcha_response:g_recaptcha_response};
  18.       $.ajax({
  20.       type: "POST",
  21.       url: "inc/sendEmail.php",
  22.       data: data,
  23.       success: function(msg) {
  25.             // Message was sent
  26.             if (msg == 'OK') {
  27.                $('#image-loader').fadeOut();
  28.                $('#message-warning').hide();
  29.                $('#contactForm').fadeOut();
  30.                $('#message-success').fadeIn(); 
  31.             }
  32.             // There was an error
  33.             else {
  34.                $('#image-loader').fadeOut();
  35.                $('#message-warning').html(msg);
  36.             $('#message-warning').fadeIn();
  37.             }
  39.       }
  41.       });
  42.       return false;
  43.    });
 

et enfin mon php:

Code :
  1. <?php
  3.     if ($_SERVER['REQUEST_METHOD'] === 'POST'){
  4.      $key  = 'Clé Privé';
  5.      $response   = $_POST['g_recaptcha_response'];
  6.      $ip   = $_SERVER['REMOTE_ADDR'];
  8.      $gapi ='https://www.google.com/recaptcha/api/siteverify?secret='.$key.'&response='.$response.'&remoteip='.$ip;
  9.      $json = json_decode(file_get_contents($gapi), true);
  11.      if (!$json['success']) {
  12.       foreach($json['error-codes'] as $error)
  13.       {
  14.        echo "<p style=\"text-align:center;padding-top:5%;font-size:18px; color:#048B9A;\">Vous n'avez pas cliquez sur :</p><p style=\"text-align:center;padding-top:5%;\"><img src='.../Img/Article/fr-recaptcha.PNG' alt='recaptcha.png' title='Vous avez oubli&eacute; de cliquer l&aacute;'/></p>";
  15.       }
  16.      } else{
  18. // Replace this with your own email address
  19. $siteOwnersEmail = '------------';
  22. if($_POST) {
  24.    $name = trim(stripslashes($_POST['contactName']));
  25.    $email = trim(stripslashes($_POST['contactEmail']));
  26.    $subject = trim(stripslashes($_POST['contactSubject']));
  27.    $contact_message = trim(stripslashes($_POST['contactMessage']));
  29.    // Check Name
  30. if (strlen($name) < 2) {
  31.  $error['name'] = "Veuillez saisir votre nom.";
  32. }
  33. // Check Email
  34. if (!preg_match('/^[a-z0-9&\'\.\-_\+]+@[a-z0-9\-]+\.([a-z0-9\-]+\.)*+[a-z]{2}/is', $email)) {
  35.  $error['email'] = "Veuillez saisir adresse éléctronique valide.";
  36. }
  37. // Check Message
  38. if (strlen($contact_message) < 15) {
  39.  $error['message'] = "Veuillez saisir votre message. Il doit avoir au moins 15 caratères.";
  40. }
  41.    // Subject
  42. if ($subject == '') { $subject = "Contact Form Submission"; }
  45.    // Set Message
  46.    $message .= "Email from: " . $name . "<br />";
  47. $message .= "Email address: " . $email . "<br />";
  48.    $message .= "Message: <br />";
  49.    $message .= $contact_message;
  50.    $message .= "<br /> ----- <br /> Ce courrier électronique a été envoyer depuis votre site web<br />";
  52.    // Set From: header
  53.    $from =  $name . " <" . $email . ">";
  55.    // Email Headers
  56. $headers = "From: " . $from . "\r\n";
  57. $headers .= "Reply-To: ". $email . "\r\n";
  58.  $headers .= "MIME-Version: 1.0\r\n";
  59. $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";
  62.    if (!$error) {
  64.       ini_set("sendmail_from", $siteOwnersEmail); // for windows server
  65.       $mail = mail($siteOwnersEmail, $subject, $message, $headers);
  67.  if ($mail) { echo "OK"; }
  68.       else { echo "Un problème est survenu lors de l'envoi du mail. Veuillez réessayer."; }
  70. } # end if - no validation error
  72. else {
  74.  $response = (isset($error['name'])) ? $error['name'] . "<br /> \n" : null;
  75.  $response .= (isset($error['email'])) ? $error['email'] . "<br /> \n" : null;
  76.  $response .= (isset($error['message'])) ? $error['message'] . "<br />" : null;
  78.  echo $response;
  80. } # end if - there was a validation error
  82. }
  84.      }
  86.      }
  87.    ?>
 


J’espère sincèrement que quelqu'un pourra m'aider car je suis une bille en php et javascript et je ne sais plus quoi faire

 

Je remercie d'avance, les gens qui auront la patience de se pencher sur mon souci.


Message édité par Aton2323 le 08-07-2017 à 22:56:51

---------------
Xpredator white edition
Reply

Marsh Posté le 08-07-2017 à 22:39:44   

Reply

Marsh Posté le 09-07-2017 à 14:45:54    

D'après https://developers.google.com/recaptcha/docs/verify la variable est :
 

Code :
  1. g-recaptcha-response


 
et non :
 

Code :
  1. g_recaptcha_response


 
Peut-être que c'est simplement aussi con.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 09-07-2017 à 16:46:41    

Je te remercie d'avoir regardé,  
J'essaie dès que je peut et je te tiens au courant


---------------
Xpredator white edition
Reply

Marsh Posté le 10-07-2017 à 11:11:57    

Non ce n'est pas ça.
Plusieurs tentatives hier et rien.
 
Edit: je suis pas super calé en javascript mais je crois qu'il aime pas les traits d'union "-".


Message édité par Aton2323 le 10-07-2017 à 12:52:48
Reply

Marsh Posté le 10-07-2017 à 18:48:24    

Tu obtiens quoi dans ton php à cette variable ?
 

Code :
  1. $response = $_POST['g_recaptcha_response'];


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 14-07-2017 à 09:15:26    

Bonjour à tous,
 
Je suis désolé mais je n'ai pas pu revenir vers vous avant
 
Le PHP je le domine pas encore et donc je ne comprends pas la question désolé


---------------
Xpredator white edition
Reply

Marsh Posté le 14-07-2017 à 12:59:56    

Je demande juste quelle valeur est retournée par $_POST['g_recaptcha_response'] pour savoir où se situe le problème (en amont ou en aval).


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 14-07-2017 à 13:51:48    

et ça je le vois ou ?
 
Je m'excuse d'avance pour mon ignorance


---------------
Xpredator white edition
Reply

Marsh Posté le 14-07-2017 à 15:50:00    

Étant donné que tu utilises les requêtes Ajax, le plus simple c'est peut-être de l'ajouter au message d'erreur renvoyé par le page php vers la page d'appel.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 14-07-2017 à 16:07:54    

Ce script n'est pas de moi, il fonctionnait sans le recaptcha je voulais juste l'améliorer en le rajoutant mais même si j'adorerai apprendre ces 2 langages (Javascript et php) en ce moment je n'est pas le temps.
Toi tu le ferais comment ?
Merci pour ton temps


Message édité par Aton2323 le 14-07-2017 à 16:18:07

---------------
Xpredator white edition
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed