Recaptcha Uncaught SecurityError: Blocked a frame

Question

I am using recaptcha 2nd version.After posting form date with ajax to server i am getting

"Uncaught SecurityError: Blocked a frame with origin "https://www.google.com" from accessing a frame with origin "http://localhost:14656". The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match." error.

In layout added script as src='//www.google.com/recaptcha/api.js' async defer

I am using ASP MVC 4.0 for project.

Could you help me?

Answer 1

Try this:

<script src='https://www.google.com/recaptcha/api.js'></script>

and use:

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

Answer 2

In your layout script change the src to http://www.google.com/recaptcha/api.js

The error occurs because your src is running on https and your web app on http.