GCaptcha and settings for API

Forum Moderators: open

Message Too Old, No Replies

GCaptcha and settings for API

toplisek

1:32 pm on Dec 19, 2017 (gmt 0)

I like to know what is the best to use when implementing gCaptcha and API:
<script src='https://www.google.com/recaptcha/api.js?render=onload&hl=en'></script>
or
<script src='https://www.google.com/recaptcha/api.js?hl=en&onload=MYscript&render=explicit" async defer'></script>

render=explicit and async defer or without?

Brett_Tabke

3:16 pm on Jan 3, 2018 (gmt 0)

defer. It won't slow down other loads that way. You want the Captcha to be one of the later things loaded.

JonathanEdmonton

3:21 pm on Jan 3, 2018 (gmt 0)

Scripts loaded with ASYNC are parsed and executed immediately when the resource is done downloading. Whereas DEFER scripts don’t execute until the HTML document is done being parsed (AKA, DOM Interactive or performance.timing.domInteractive).

Comparing the ASYNC and DEFER waterfalls, we see that using DEFER makes DOM Interactive fire sooner and allows rendering to proceed more quickly.

HOWEVER:

Even though ASYNC and DEFER don’t block the HTML parser, they can block rendering. This happens when they’re parsed and executed before rendering is complete and take over the browser main thread. There’s nothing in the spec that says they have to wait until rendering is complete.

Source: [calendar.perfplanet.com...]

toplisek

3:11 pm on Jan 11, 2018 (gmt 0)

I have set Multiform Recaptcha. How to validate Google variable as positive that content can not be posted?

<!DOCTYPE HTML>

<html>

<head>
<title>gCaptcha and Multiforms design</title>
</head>

<body>
<form id="mycontactform1" method="post">

<script>
function IsRecapchaValid()
{
var res = grecaptcha.getResponse(form);
if (res == "" || res == undefined || res.length == 0)
{
return false;
}
return true;
}
var recaptcha1;
var recaptcha2;
var myCallBack = function() {
recaptcha1 = grecaptcha.render('recaptcha1',
{
'sitekey': 'XXX',
'theme': 'light'
}
);

recaptcha2 = grecaptcha.render('recaptcha2',
{
'sitekey': 'XXX',
'theme': 'dark'
}
);
};
</script>
<script src="https://www.google.com/recaptcha/api.js?hl=en&onload=myCallback&render=explicit" async defer></script>

<input type="submit" name="formsubmit1" data-callback="captchaSubmit" value="Send" class="" />

</form>
</body>

</html>

Can be improved this code as there are two captcha designs and need to pass variables into PHP variable like
$smarty->assign("gcaptcha", $gcatcha);

how to receive POST value in this case?
Need help