Recaptcha Uncaught SecurityError: Blocked a frame with origin "https://www.google.com"

1
votes

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?

2
javascriptc#ajaxasp.net-mvcrecaptcha
The error is pretty self explanatory. The protocols must match. One is on https and the other http. That is not allowed - Praveen Paulose
I am using http for all application. What must i do? - Tabriz Atayi
Where in your app are you pointing to google.com? - Praveen Paulose
I think in this place div class="g-recaptcha" data-sitekey="public key" id="grecaptcha"></div> - Tabriz Atayi

2 Answers

4
votes

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.

-2
votes

Try this:

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

and use:

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