Afficher un bouton "envoyer" après validation reCAPTCHA

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Afficher un bouton "envoyer" après validation reCAPTCHA

kennyfal

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 :

<h2>Formulaire de contact : </h2>
<form name="contact_form" method="post" action="contact_recap.php">
<fieldset class="contact1"><legend> Vos coordonnées </legend>
<p><label for="nom">Nom / Prénom</label>
<input class="contact3" type="text" name="nom" id="nom" autocomplete="name" required> </p>
<p><label for="email">Email</label><br />
<input class="contact3" type="email" name="email" id="email" autocomplete="email" required> </p>
<p><label for="telephone">Téléphone</label><br />
<input class="contact3" type="tel" name="telephone" id="telephone" autocomplete="tel" required> </p>
<p><label for="lieu">Lieu de l'événement</label><br />
<input class="contact3" type="text" name="lieu" id="lieu" required> </p>
<?php
$d = new DateTime();
$d->add(new DateInterval('P3D'));
?>
<p><label for="date">Date de l'événement</label><br />
<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>
</fieldset>
<fieldset class="contact2"><legend> Votre message </legend>
<p><label for="objet">Objet de la demande</label><br />
<input class="contact3" type="text" name="objet" id="objet" required> </p>
<p><label for="message">Votre message</label>
<textarea class="contact3" name="message" cols="30" rows="7" id="message" required></textarea> </p>
<div class="g-recaptcha" data-sitekey="la_cle_du_site"></div>
<?php
// Ma clé privée
$secret = "la_cle_secrete";
// Paramètre renvoyé par le recaptcha
$response = $_POST['g-recaptcha-response'];
// On récupère l'IP de l'utilisateur
$remoteip = $_SERVER['REMOTE_ADDR'];
$api_url = "https://www.google.com/recaptcha/api/siteverify?secret="
. $secret
. "&response=" . $response
. "&remoteip=" . $remoteip ;
$decode = json_decode(file_get_contents($api_url), true);
if ($decode['success'] == true) {
// C'est un humain
}
else {
// C'est un robot ou le code de vérification est incorrecte
}
?>
<p>Tous les champs sont obligatoires</p>
</fieldset>
<script type="text/javascript">
function Change1() {
if ((document.getElementById($decode).true)) {
document.getElementById('madiv1').style.visibility="visible";
}
else {
document.getElementById('madiv1').style.visibility="hidden";
}
}
</script>
<div id="madiv1" style="visibility:hidden;"><input type="submit" value=" Envoyer votre demande " class="contact4"></div>
</form>

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

Publicité

rat de combat

attention rongeur méchant!

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).

ptimimi05

Id PSN : Noobarus

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

FORUM HardWare.fr

Programmation

Javascript/Node.js

Afficher un bouton "envoyer" après validation reCAPTCHA

Sujets relatifs
Ajouter bouton Afficher Plus / Voir Plus Automatiquement	Afficher plusieurs webcams du monde entier sur un ecran
Comment afficher une image provenant d'un formulaire type "radio"	Afficher l'arborescence des dossiers
[Wordpress] Afficher un contenu différent suivant des adresses IP	Site one page, bootstrap 4 et validation PHP
Afficher flux http dans page html	Afficher / masquer div en fonction d'une liste déroulante (jQuery/JS)
Mettre en place la mystérieuse page "One More Step" avec reCaptcha
Plus de sujets relatifs à : Afficher un bouton "envoyer" après validation reCAPTCHA

Page générée en 0.088 secondes