Formulaire de contact et Recaptcha invisible

Bonjour à tous,

je suis complètement paumé !!!

Quelqu'un pour m'aider avec un formulaire de contact tout simple mais très compliqué pour moi ?

Merci d'avance pour votre soutien.

Bonsoir,

Commence d’abord par exposer ton problème clairement et montre nous ton code...

Le problème c'est justement que je n'ai pas de code, mis à part celui du formulaire.

<form action="" method="post">
    <div class="g-recaptcha" data-sitekey="6LfZF30UAAAAAEhNtBvNt9bQ0sI4nqe1vCrUHFI5" data-size="invisible"></div>
    <input type="text" name="name" placeholder="Your name" required>
    <input type="email" name="email" placeholder="Your email address" required>
    <textarea name="message" placeholder="Type your message here...." required></textarea>
    <input type="hidden" id="captcha-response" name="captcha-response" />
    <input type="submit" name="submit" value="SUBMIT">
</form>

Je voudrais pouvoir traiter le script tout en utilisant Invisible Recaptcha !

Merci d'avance.

Bonjour,

On ne comprend rien à tes questions.

Et en plus, y en a pas mal qui font du ski.

Ceci étant, pour mettre un peu d'ordre dans tout ça, je résume :

1) tu as un formulaire
Jusque là, ça va.
2) lors de la validation du formulaire, il doit se passer quelque chose
Ce quelque chose est en général un script dont on met le nom dans l'attribut action de la balise form. Ceci aura pour effet de remplacer le formulaire par une autre page (dont le contenu sera fabriqué par le script de l'attribut action de la balise form) une fois la validation effectuée par l'utilisateur.

Avant de faire du recaptcha, commence déjà par faire fonctionner ton formulaire de manière simple en faisant afficher ce que tu veux une fois qu'il est validé.

Ensuite, on verra pour le recaptcha.

Amicalement,

Bonjour parsimonhi,

Alors commençons par le formulaire :

<form action="send3.php" method="post">
    <input type="text" name="name" placeholder="Your name" required >
    <input type="email" name="email" placeholder="Your email address" required>
    <textarea name="message" placeholder="Type your message here...." required></textarea>
    
    <div class="recaptcha-holder"></div>
    
    <input type="submit" name="submit" value="SUBMIT">
    
</form>

Puis le script :

<?php
session_start();//on démarre la session
// $errors = [];
//On check les infos transmises lors de la validation
  if(!empty($errors)){ // si erreur on renvoie vers la page précédente
  $_SESSION['errors'] = $errors;//on stocke les erreurs
  $_SESSION['inputs'] = $_POST;
  header('Location: contact.html');
  }else{
  $_SESSION['success'] = 1;
  $headers  = 'MIME-Version: 1.0' . "\r\n";
  $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
  $headers .= 'FROM:' . htmlspecialchars($_POST['email']);
  $to = 'contact@xxxxx.fr'; // Insérer votre adresse email ICI
  $subject = 'Message envoyé par ' . htmlspecialchars($_POST['name']);
  $message_content = '
  <table>
  <tr>
  <td><b>Emetteur du message:</b></td>
  </tr>
  <tr>
  <td>'. $subject . '</td>
  </tr>
  <tr>
  <td><b>Contenu du message:</b></td>
  </tr>
  <tr>
  <td>'. htmlspecialchars($_POST['message']) .'</td>
  </tr>
  </table>
  ';
mail($to, $subject, $message_content, $headers);
  header('Location: contact.html');
  }

Jusque là tout fonctionne, je reçois le mail traité.
Je voudrais cependant qu'après le “submit” il y ait un message sous le formulaire, j'avais pensé soit à :

 echo '<p>Thank you for your email!</p>';

Mais ça ne fonctionne pas !

Soit à une div que l'on montrerai :

<div data-form-alert="" hidden="">Thanks for filling out the form!</div>

Mais je ne sais pas comment faire !

Merci d'avance.

P.S. : on verra ensuite pour le reCAPTCA.
Modifié par 6ro (31 Dec 2018 - 09:42)

Bonjour,

En ce qui concerne l'affichage d'un message en cas de succès de l'envoi de mail, je pense à quelques-chose de ce ton:

Dans le script:

if(mail($to, $subject, $message_content, $headers)) {
 $_POST['mail_sent'] = 'yes';
}
  header('Location: contact.html');
  exit();

Et dans la page contact.html (qui pour le coup doit-être interprétée en php)

<?php if ($_POST['mail_sent'] === 'yes'):?>
<div>Hourra !!!</div>
<?php endif; unset($_POST['mail_sent'];?>

A placer là où vous souhaitez voir apparaître votre message.

PS :
- Bien sûr contact.html devra commencer par un basique session_start()
- Pour interpréter la page contact.html en php passez soit par un htaccess ou remplacez-le par contact.php
Modifié par Greg_Lumiere (31 Dec 2018 - 10:25)

Sinon j'ai trouvé ça qui est très bien fait mais je n'arrive pas à le faire fonctionner en mode reCaptcha invisible :

https://bootstrapious.com/p/bootstrap-recaptcha

Entendez que quoi que vous fassiez afficher via votre page de script cela n'apparaîtra pas aux yeux de votre visiteur du fait de la redirection vers contact.html.

Vous voici donc dans une impasse car il vous est impossible de traiter une donnée dynamique en html.

Dans votre exemple vous définissez une variable $responseArray via votre script mais après la redirection cette variable n'existe plus.


De fait deux options s'offrent à vous. Soit vous vous faites violence et permettez de traiter du php depuis votre page contact ; soit vous abandonnez l'idée d'un retour vers l'utilisateur.



Nota : j'y pense, sinon temporisez votre redirection le temps d'afficher votre message. Même si en terme d'ergonomie je ne trouve pas cela top, ça reste une éventualité.

if (mail(...)) {
echo '<div>Hourra !</div>';
usleep(Xms);
header(location:...);
}

En fait je ne connais absolument pas le php est suis bien incapable de supprimier la redirection vers contact.html

J'ai trouvé ce script mais je ne le comprends pas !

Vous pouvez m'aider ?

Merci.

J'ai mis en ligne sur :

https://www.cyril-d.fr/form2/contact.html

Mais quand je soumet le formulaire je suis redirigé sur https://www.cyril-d.fr/form2/send3.php

Avec le message : Cette page ne fonctionne pas

En passant quelques trucs me chiffonnent:
* côté script, vous ne sécurisez aucune donnée de saisie ; voyez comme nombre de sujet traite de ceci à travers le forum.
* votre formulaire ne contient qu'un nombre minime de champs alors que côté script vous en traitez bien plus. Vous devriez avoir un champs pour chaque donnée $_POST récupérée côté script sinon il vous faut les virer.
* vous dites ne rien connaître au Php mais pourtant vous vous lancez dans le traitement de données dynamiques. Sans un apprentissage des fondements du langage votre quêtes risque fort de ressembler aux travaux d'Hercules.
* malgré vos maigres compétences vous souhaitez utiliser une API (reCaptcha)... j'en reste dubitatif.

En somme, vous n'avez pas finis de mâcher du code, bonne digestion !

Et bonne année bien sûr !

Oui c'est bien pourquoi je suis sur ce forum j'aimerais juste un formulaire de contact avec 3 champs, en sécurisant les données saisies, un envoie par mail et la possibilité d'utiliser reCAPTCHA invisible.

Vous vous êtes basé sur le script du premier post, depuis j'utilise celui-ci :

<?php
session_start();//on démarre la session
// $errors = [];
//On check les infos transmises lors de la validation
  if(!empty($errors)){ // si erreur on renvoie vers la page précédente
  $_SESSION['errors'] = $errors;//on stocke les erreurs
  $_SESSION['inputs'] = $_POST;
  header('Location: contact.html');
  }else{
  $_SESSION['success'] = 1;
  $headers  = 'MIME-Version: 1.0' . "\r\n";
  $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
  $headers .= 'FROM:' . htmlspecialchars($_POST['email']);
  $to = 'contact@xxxxx.fr'; // Insérer votre adresse email ICI
  $subject = 'Message envoyé par ' . htmlspecialchars($_POST['name']);
  $message_content = '
  <table>
  <tr>
  <td><b>Emetteur du message:</b></td>
  </tr>
  <tr>
  <td>'. $subject . '</td>
  </tr>
  <tr>
  <td><b>Contenu du message:</b></td>
  </tr>
  <tr>
  <td>'. htmlspecialchars($_POST['message']) .'</td>
  </tr>
  </table>
  ';
mail($to, $subject, $message_content, $headers);
  header('Location: contact.html');
  }

(messages croisés)
Modifié par Greg_Lumiere (31 Dec 2018 - 13:18)