Home » Php » javascript – How to reset recaptcha after form submit?

javascript – How to reset recaptcha after form submit?

Posted by: admin July 12, 2020 Leave a comment

Questions:

Here is my PHP Code:

    function post_captcha($user_response) {
    $fields_string = '';
    $fields = array(
        'secret' => '',
        'response' => $user_response
    );
    foreach($fields as $key=>$value)
    $fields_string .= $key . '=' . $value . '&';
    $fields_string = rtrim($fields_string, '&');
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_URL, 'https://www.google.com/recaptcha/api/siteverify');
    curl_setopt($ch, CURLOPT_POST, count($fields));
    curl_setopt($ch, CURLOPT_POSTFIELDS, $fields_string);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, True);
    $result = curl_exec($ch);
    curl_close($ch);
    return json_decode($result, true);
}
$res = post_captcha($_POST['g-recaptcha-response']);
if (!$res['success']) {
      die('MF005');
} else {
if ($mail->send()) { 
$send_arEmail = $autoresponder->Send();
}}

and here is my JavaScript code:

<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
function onSubmit(token) {
    document.getElementById("i-recaptcha").submit();
}
</script>

This is my captcha:

<div class="g-recaptcha" data-sitekey="" ></div>

and this is button submit:

<button class="button rounded" type="submit" data-callback="onSubmit">Send</button>

This is also my form id:

<form id="i-recaptcha">

**

This above function is working, but after submit form, still captcha
is checked, I want to reset it to unchecked once user click on submit
button.

**

Thanks in advance

How to&Answers:

You can use it like this. It’s based on version.

Version 2

grecaptcha.reset();

Version 1

Recaptcha.reload();