Afficher un bouton "envoyer" après validation reCAPTCHA

Afficher un bouton "envoyer" après validation reCAPTCHA - Javascript/Node.js - Programmation

Marsh Posté le 11-08-2020 à 14:37:58    

Bonjour à tous,  
 
Dans un formulaire de contact, j'essai de faire en sorte que mon bouton submit ne soit visible que lorsque le reCAPTCHA soit valide.  
 
J'ai bien réussis à cacher mon bouton mais il ne devient pas visible quand le captcha est valide  :??: .  
 
Une petite idée ? une solution ?  
Surement mon code en java qui pose problème  :(  
 
Merciii  
 
Voici mon code :  

Code :
  1. <h2>Formulaire de contact : </h2>
  3.  
  4.    
  5.      <form name="contact_form" method="post" action="contact_recap.php">
  7.     <fieldset class="contact1"><legend> Vos coordonnées </legend>
  9.         <p><label for="nom">Nom / Prénom</label>
  10.            
  11.       <input class="contact3" type="text" name="nom" id="nom" autocomplete="name" required> </p>
  15.         <p><label for="email">Email</label><br />
  17.       <input class="contact3" type="email" name="email" id="email" autocomplete="email" required> </p>
  18.        
  20.        
  21.       <p><label for="telephone">Téléphone</label><br />
  23.       <input class="contact3"  type="tel" name="telephone" id="telephone" autocomplete="tel" required> </p>
  24.        
  25.    
  26.         <p><label for="lieu">Lieu de l'événement</label><br />
  28.       <input class="contact3"  type="text" name="lieu" id="lieu" required> </p>
  30.        
  31. <?php
  32. $d = new DateTime();
  33. $d->add(new DateInterval('P3D'));
  34. ?>   
  35.        
  36.         <p><label for="date">Date de l'événement</label><br />
  38.       <input class="contact3"  type="date" name="date" id="date" required value="<?=$d->format('Y-m-d');?>" required min="<?=$d->format('Y-m-d');?>" max="2025-12-31"> </p>
  39.        
  40.                 </fieldset>
  42.     <fieldset class="contact2"><legend> Votre message </legend>
  43.        
  44.        
  45.        
  46.         <p><label for="objet">Objet de la demande</label><br />
  48.       <input class="contact3"  type="text" name="objet" id="objet" required> </p>
  49.        
  50.        
  52.       <p><label for="message">Votre message</label>
  54.       <textarea class="contact3" name="message" cols="30" rows="7" id="message" required></textarea> </p>
  56.        
  57.    
  58.        
  59.       <div class="g-recaptcha" data-sitekey="la_cle_du_site"></div>
  60.        
  61.        
  62. <?php
  63.        
  64.     // Ma clé privée
  65.     $secret = "la_cle_secrete";
  66.     // Paramètre renvoyé par le recaptcha
  67.     $response = $_POST['g-recaptcha-response'];
  68.     // On récupère l'IP de l'utilisateur
  69.     $remoteip = $_SERVER['REMOTE_ADDR'];
  71.     $api_url = "https://www.google.com/recaptcha/api/siteverify?secret="
  72.         . $secret
  73.         . "&response=" . $response
  74.         . "&remoteip=" . $remoteip ;
  75.    
  76.     $decode = json_decode(file_get_contents($api_url), true);
  77.    
  78.     if ($decode['success'] == true) {
  79.         // C'est un humain
  80.     }
  81.    
  82.     else {
  83.         // C'est un robot ou le code de vérification est incorrecte
  84.     }     
  85.        
  86.        
  87. ?>
  88.        
  89.        
  90.        
  91.      <p>Tous les champs sont obligatoires</p> 
  92.                   </fieldset>
  93.        
  94.  
  95. <script type="text/javascript">
  96. function Change1() {
  98. if ((document.getElementById($decode).true)) {
  99. document.getElementById('madiv1').style.visibility="visible";
  100. }
  101. else {
  102. document.getElementById('madiv1').style.visibility="hidden";
  103. }
  104. }
  105. </script>
  106.      
  107.  
  108.          
  109.     <div id="madiv1" style="visibility:hidden;"><input type="submit" value=" Envoyer votre demande " class="contact4"></div>
  110.  
  111.          
  113.       </form>


Message édité par kennyfal le 11-08-2020 à 15:30:25
Reply

Marsh Posté le 11-08-2020 à 14:37:58   

Reply

Marsh Posté le 11-08-2020 à 14:54:43    

Je peux pas te répondre sur le problème en soit, mais c'est du Javascript, rien à voir avec du Java. Tu peux éditer ton message / le titre.
 
Sinon tu devrais absolument prévoir une validation côté serveur aussi, car un bouton caché côté client c'est 3 clics pour le faire réapparaître (et les bots ne vont même pas voir le "hidden" probablement).

Reply

Marsh Posté le 14-08-2020 à 17:48:23    

Hello
D'après moi ton souci c'est que tu cherche à récupérer le contenu d'une variable php directement en JS et tu ne peux pas le faire comme ça :
 
(document.getElementById($decode).true)  
 
tu doit avoir des erreurs dans ta console du navigateur à mon avis la.
 
Le document.getElementById ça te permet de récupérer un élément du DOM, or ta variable php n'est retourné nulle part dans le DOM


---------------
Watercooling X58 One Hundred - Watercooling Pure Base 500
Reply

Sujets relatifs:

Leave a Replay

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