Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Google recaptcha with my jquery/ajax function [closed]

Searching about setting up reCaptcha seems to lead to using jQuery validation. However I'm not sure how to do this in the context of an ajax form submission.

Presently I'm using Validity, not jQuery Validation. I have the script reference in my header and the key in place.

Where in the process should I validate the reCaptcha?


<form id="intake-form" class="grid-form" action="javascript:void(0);">
     ...
    <div class="g-recaptcha" data-sitekey="key_here"></div>
    <input type="submit" name="submit" value="Send!" />
    <br />
    <p id="formstatus"></p>
</form>

$("#intake-form").submit(function () {
    var str = $(this).serialize();
    if (validateIntakeForm()) {  // validate intake fields with validity
        $.ajax({
            type: "POST",
            url: global['base']+"intakeform",
            data: str,
            success: function (msg) {
                $("#formstatus").ajaxComplete(function (event, request, settings) {
                    if (msg == 'success') {
                        result = '<div class="successmsg">Your request has been sent.';
                        $('#intake-form').clearForm();
                    } else {
                        result = 'There was a problem sending your message.<br />' + msg;
                    }
                    $(this).html(result);
                });
            }

        });
        return false;
    }
});
like image 460
ItsPronounced Avatar asked Feb 29 '16 18:02

ItsPronounced


1 Answers

Google will validate your re-captacha for you. Check below example.

<?php  

//first i retrieved the recaptcha coming through post method.
//i have used post method, you can use any method you want.

$recaptcha = $_POST['g-recaptcha-response'];

//After retrieving send a post curl request to verify it.
//you will have to send your secret key along with it.

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL,"https://www.google.com/recaptcha/api/siteverify");
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS,"secret=*******************************=".$recaptcha);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
$server_output = curl_exec ($ch);
$server_output = json_decode($server_output,true);
curl_close ($ch);

if($server_output['success']){
// captacha validated successfully.
}else{
// invalid captcha
}

?>

You can refer the docs.

like image 132
Ronak Rathod Avatar answered Sep 26 '22 14:09

Ronak Rathod