Recaptcha Doesn't Show Up in IE8 or less

After hours of hunting around on the internet I found a solution to getting ReCaptcha to show up on WP-Members 2.5.4 in IE8 and less.

In the wp-members/wp-members-dialog.php file comment out

<!--<div id="recaptcha_div"></div>-->
<script type="text/javascript">showRecaptcha('recaptcha_div');</script>

Then right below the code above place the code below:

<script type="text/javascript">var RecaptchaOptions = { theme : "red", tabindex : 2 };</script>
				<div class="recaptcha"><script type="text/javascript" src="https://api.recaptcha.net/challenge?k=YOURPUBLICKEYHERE"></script>
	<noscript>
  		<div><object type="text/html" data="https://api.recaptcha.net/noscript?k=YOURPUBLICKEYHERE" style="width:300px;height:57px;border:0;">Captcha Test</object><br />
  		<textarea name="recaptcha_challenge_field" id="recaptcha_challenge_field" rows="3" cols="40"></textarea>
  		<input type="hidden" name="recaptcha_response_field" value="manual_challenge" />
  		</div>
	</noscript></div>

Make sure to replace “YOURPUBLICKEYHERE” with your ReCaptcha public key and make sure you have “Use ReCaptcha” turned on in your WP-Members settings with your Private and Public keys entered. Since we are now using ReCaptcha manually you will have to change your theme above. I am using the “red” theme.

The plugin has been tested in IE 8 and the reCAPTCHA is working there. So I’m wondering if you might have had javascript turned off in your IE browser?

This does indicate, however, that for some reason the <noscript> version of the reCAPTCHA isn’t there. That will be added for sure in the upcoming 2.6 release (I expect to have a public release of 2.6 before the end of the month).

I don’t officially recommend editing core files as that’s not an upgradeable solution, but in this case, that’s a good temporary patch until the next release.

Hi Chad,

I had several people tell me that ReCaptcha wasn’t showing up in IE8 on the WP-Members registration form. I am not certain if they had Javascript disabled. I know that I don’t have Javascript disabled and I have both IE9 and IE8. ReCaptcha was showing up in IE9 but not in IE8 on my browser.

I did read in other forums that this has been an issue across the board with ReCaptcha and IE8, IE7, IE6 and implementing ReCaptcha manually is the only solution I found.

Thanks for your reply.
Brad

@bk_design,

We’re having a similar issue, but ReCaptcha shows everywhere except sometimes on IE6. In those cases it doesn’t appear at all and we don’t get any javascript errors. We are using ReCaptcha with Gravity Forms and WP-reCAPTCHA.

Do you know the best way to fix the problem?

Thanks.

Jonathan

@johnathan,

Did you try to add ReCaptcha manually to your blog? Are you using the wp-members plugin? I put the hack above for resolving the issue in wp-members.

Thanks,
Brad

@bk_design, we are definitely using wp-members, but don’t see the issue on IE8 or IE7. It shows up in only once in a while and only in IE6. Could the fix above still work in this case?

@johnathan,

The above fix worked for me.

Thanks,
Brad

@bk_design, thanks a lot. I’ll give it a try.

I had the problem with IE7 (IE8, Firefox, Chrome etc – no problems) – it was complaining about a missing parameter after the theme spec generated by the function wpmem_inc_recaptcha defined in wp-members/wp-members-dialogs.php

I added

callback: Recaptcha.focus_response_field

to this (after the comma) and it worked fine – although this does focus input to the captcha field.

Brilliant plugin though.

Cheers, Graham

oops – should have said this was a fix to v 2.6.4

or should have added – just remove the comma