Wie wird ein reCAPTCHA benötigt?

Question

Ich mache ein Formular, ich benutze AJAX, um es zu senden, aber ich habe auch eine Google reCAPTCHA darin und ich weiß nicht, wie man es erforderlich macht.

Ich möchte das Formular nicht ohne checked reCAPTCHA senden und wenn es nicht aktiviert ist, dann möchte ich die Informationen darüber anzeigen. Ich habe viele Dinge ausprobiert, aber ich weiß immer noch nicht, was los ist.

Mein HTML-Code:

 <div class="form"> 
 
     <div id="form-messages"></div> 
 
     \t <form id="formularz" method="post" action="mailer.php"> 
 
      <div class="line"> 
 
      \t <input id="name" name="name" type="text" placeholder="Imię"/> 
 
      \t <input id="email" name="email" type="email" placeholder="E-mail" required/> 
 
      </div> 
 
      <div class="line2"> 
 
      \t <input id="temat" name="temat" type="text" placeholder="Temat" /> 
 
      \t <textarea id="wiadomosc" name="message" placeholder="Wiadomość" required></textarea> 
 
      </div> 
 
      <div class="line3"> 
 
      \t <div class="g-recaptcha captcha" data-sitekey="6Lcu9xgUAAAAAPbwLwKWILHGxu-X0cPjAhRtYM2R"></div> 
 
      \t <input id="submit" name="submit" type="submit" value="Wyślij"> 
 
       <div style="clear:both;"></div> 
 
      </div> 
 
     \t </form> 
 
    </div>

Mein js Code:

$(function() { 
 
\t var form = $('#formularz'); 
 
    var formMessages = $('#form-messages'); 
 

 
\t $(form).submit(function(e) { 
 
\t \t e.preventDefault(); 
 

 
\t \t var formData = $(form).serialize(); 
 

 
\t \t $.ajax({ 
 
\t \t \t type: 'POST', 
 
\t \t \t url: $(form).attr('action'), 
 
\t \t \t data: formData 
 
\t \t }) 
 
\t \t .done(function() { 
 
\t \t \t $(formMessages).removeClass('error'); 
 
\t \t \t $(formMessages).addClass('success'); 
 

 
     $(formMessages).text('Dziękujemy, wiadomość została wysłana.'); 
 

 
\t \t \t $('#name').val(''); 
 
\t \t \t $('#email').val(''); 
 
\t \t \t $('#temat').val(''); 
 
\t \t \t $('#wiadomosc').val(''); 
 
\t \t }) 
 
\t \t .fail(function() { 
 
\t \t \t $(formMessages).removeClass('success'); 
 
\t \t \t $(formMessages).addClass('error'); 
 

 
\t \t \t $(formMessages).text('Oops! Wiadomość nie mogła zostać wysłana.'); 
 
\t \t }); 
 
\t }); 
 
});

Und PHP-Code:

if ($_SERVER["REQUEST_METHOD"] == "POST") { 
 
     $name = strip_tags(trim($_POST["name"])); 
 
\t \t \t \t $name = str_replace(array("\r","\n"),array(" "," "),$name); 
 
     $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL); 
 
     $message = trim($_POST["message"]); 
 

 
     $recipient = "karol_guzikowski@wp.pl"; 
 

 
     $subject = "Nowa wiadomość od $name"; 
 

 
     $email_content = "Od: $name\n"; 
 
     $email_content .= "Email: $email\n\n"; 
 
     $email_content .= "Wiadomość:\n$message\n"; 
 

 
     $email_headers = "Od: $name <$email>"; 
 

 
\t \t $wszystko_OK=true; 
 

 
\t \t $sekret = "6Lcu9xgUAAAAAPbwLwKWILHGxu-X0cPjAhRtYM2R"; 
 

 
\t \t $sprawdz = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$sekret.'&response='.$_POST['g-recaptcha-response']); 
 

 
\t \t $odpowiedz = json_decode($sprawdz); 
 

 
\t \t if (!$odpowiedz->success){ 
 
\t \t \t $wszystko_OK=false; 
 
\t \t \t http_response_code(600); 
 
\t \t \t echo "Proszę zaznaczyć reCAPTCHE"; 
 
\t \t } 
 

 
\t \t if($wszystko_OK==true){ 
 
\t \t \t mail($recipient, $subject, $email_content, $email_headers); 
 
\t \t } 
 
}

Answer 1

$(function() { 
 
    var form = $('#formularz'); 
 
    var formMessages = $('#form-messages'); 
 

 
    $(form).submit(function(e) { 
 
    e.preventDefault(); 
 
    //Recaptcha Validation 
 
    if (!$('#g-recaptcha-response').val().trim().length) { 
 
     alert("Recaptcha is required") 
 
     return false; 
 
    } 
 
    var formData = $(form).serialize(); 
 

 
    $.ajax({ 
 
     type: 'POST', 
 
     url: $(form).attr('action'), 
 
     data: formData 
 
     }) 
 
     .done(function() { 
 
     $(formMessages).removeClass('error'); 
 
     $(formMessages).addClass('success'); 
 

 
     $(formMessages).text('Dziękujemy, wiadomość została wysłana.'); 
 

 
     $('#name').val(''); 
 
     $('#email').val(''); 
 
     $('#temat').val(''); 
 
     $('#wiadomosc').val(''); 
 
     }) 
 
     .fail(function() { 
 
     $(formMessages).removeClass('success'); 
 
     $(formMessages).addClass('error'); 
 

 
     $(formMessages).text('Oops! Wiadomość nie mogła zostać wysłana.'); 
 
     }); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form"> 
 
    <div id="form-messages"></div> 
 
    <form id="formularz" method="post" action="mailer.php"> 
 
    <div class="line"> 
 
     <input id="name" name="name" type="text" placeholder="Imię" /> 
 
     <input id="email" name="email" type="email" placeholder="E-mail" required/> 
 
    </div> 
 
    <div class="line2"> 
 
     <input id="temat" name="temat" type="text" placeholder="Temat" /> 
 
     <textarea id="wiadomosc" name="message" placeholder="Wiadomość" required></textarea> 
 
    </div> 
 
    <div class="line3"> 
 
     <div class="g-recaptcha captcha" data-sitekey="6Lcu9xgUAAAAAPbwLwKWILHGxu-X0cPjAhRtYM2R"></div> 
 
     <input id="submit" name="submit" type="submit" value="Wyślij"> 
 
     <div style="clear:both;"></div> 
 
    </div> 
 
    </form> 
 
</div>

Answer 2

Hoffnung dies für Sie arbeiten.

<form class="p-b-lg" id="enquiry-form" method="post" action=""> 
    <div class="form-group"> 
     <input class="form-control form-control-lg" placeholder="Email" name="email1" type="email"> 
    </div> 
    <div class="form-group"> 
     <input class="form-control form-control-lg" placeholder="Contact Phone" name="number" type="number" required> 
    </div> 
    <div class="form-group"> 
     <div class="g-recaptcha" id="rcaptcha" data-sitekey="sitekey goes here"></div> 
     <span id="captcha" style="margin-left:100px;color:red" /> 
    </div> 
    <div class="form-group"> 
     <button class="btn btn-lg btn-secondary-outline team-btn contact-btn" type="submit" name="submit">Send</button> 
    </div> 
</form> 


<?php  
if(isset($_POST['submit'])){ 
if(isset($_POST['g-recaptcha-response']) && !empty($_POST['g-recaptcha-response'])) { 
//your site secret key 
$secret = 'secret key goes here'; 
//get verify response data 
$verifyResponse = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$secret.'&response='.$_POST['g-recaptcha-response']); 
$responseData = json_decode($verifyResponse); 
if($responseData->success) { 
$email1 = $_POST['email1']; 
$contact_phone = $_POST['contact_phone']; 
<?php } 
} 
else { ?> 
<script>alert("Please fill captcha.");</script> 
<?php } 
} 
?>