Je ferais attention à l'avenir veuillez m'escuser.
Le problème que je rencontre c'est que j'aimerais remplacer l'alerte Pop-Up traditionnelle situé dans la partie <?php?>
echo "<script type='text/javascript'>alert(\"Captcha \ invalide\");</script>";
Par celui de sweetAlert mais je n'y arrive pas en php (quelques exemples de Pop-Up sweetAlert ici : https://sweetalert2.github.io
en html d'un autre projet la solution était de mettre la source sweetAlert dans <head>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js">
suivi de
<script> //JavaScript
$(document).ready(function(){
$("form").submit(function(){
var response = grecaptcha.getResponse();
if(response.length == 0){
sweetAlert("Oops...", 'Veuillez cocher la case "Je ne suis pas un robot"', "error"); //Alerte Pop-up
return false;
}
});
});
</script>
<script type="text/javascript">
var onloadCallback = function() {
grecaptcha.render('html_element', {
'sitekey' : '6Ld_OmcUAAAAAGQ0hrVFjZdZb9-BT9st5JKms86E' //SiteKey
});
};
</script>
Pour que l'alerte Pop-Up de sweetAlert fonctionne.
Le script complet du premier projet en html si ça peut aider.
<!DOCTYPE html>
<html>
<head>
<title>Nom entrepise</title>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <!-- SweetAlert-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script> //JavaScript
$(document).ready(function(){
$("form").submit(function(){
var response = grecaptcha.getResponse();
if(response.length == 0){
sweetAlert("Oops...", 'Veuillez cocher la case "Je ne suis pas un robot"', "error"); //Alerte Pop-up
return false;
}
});
});
</script>
<script type="text/javascript">
var onloadCallback = function() {
grecaptcha.render('html_element', {
'sitekey' : '6Ld_OmcUAAAAAGQ0hrVFjZdZb9-BT9st5JKms86E' //SiteKey
});
};
</script>
</head>
<body>
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
async defer> <!--Google ReCaptcha-->
</script>
<div align="center">
<h3>Application web</h3>
<img src="https://scontent-cdg2-1.xx.fbcdn.net/v/t1.0-9/12046572_1655106934769523_8786844962802643801_n.jpg?_nc_cat=1&oh=ec7ed622ad6a0fe65d0d70474fb62d41&oe=5C35DD63.jpg"
alt="Google logo"
title="Google"/> <!--Professional Logo-->
<form action="https://www.google.fr" method="post">
<div id="html_element"></div>
<section class="buttons"> <!--Custom button-->
<button class="spin circle">Valider</button>
</section>
</form>
</body>
</html>