[Plugin: WP-reCAPTCHA] JavaScript error on pages that don't have submit button

Hello llewellynworld. I’m having the same problem. I tried to patch the script (wp-recaptcha/recaptcha.php) and although I got the JS error to disappear, I’m now getting HTML validation errors. Looks like the <\body> tag is getting snipped off somehow now.

It could be I did the patch wrong. It would be helpful if you could post the code to do the patch, in-context. I was not sure how to wrap the code around the function as you suggested.

Thanks!

Hey llewellynworld, you’re a pal. Worked like a charm!

I now see what you were telling this knucklehead what to do. And it’s useful to know for other stuff that might come up related to functions and/or null issues…

If it’s OK with you, I’d like to post this fix on my blog, with attribution of course. If you want, I can link to here or somewhere else. Contact me via my blog if you want the somewhere else, or post the link here. From time to time, I post blogmaster tips and this is a good one since so I assume lots of folks use the plug-in.

I’ll also add one or two other tips on getting the plug-in to validate (JS on IE and validator.w3.org) that I noticed. I need to check my notes, but I think both aren’t issues in the code, per se.

Thanks again!

OK cool. I’ll just link to here as the source.

I’m pretty good at getting stuff to validate (or finding an alternative that does validate), hit me up any time and I can at least take a peek.

@llewellynworld thanks, exactly what i needed too

//Frankie

@llewellynworld, not a problem. Thanks anyways for the response.

I get the same error on every browser, not just IE.
Thank you for posting the fix!
It’s a pity that the plugin is not updated…

However I had to change a little bit your fix:

<script type="text/javascript">
            if(document.getElementById('recaptcha-submit-btn-area') != null)
            {
                    var sub = document.getElementById('submit');
                    document.getElementById('recaptcha-submit-btn-area').appendChild (sub);
                    document.getElementById('submit').tabIndex = 6;
                    if ( typeof _recaptcha_wordpress_savedcomment != 'undefined') {
                            document.getElementById('comment').value = _recaptcha_wordpress_savedcomment;
                    }
                    document.getElementById('recaptcha_table').style.direction = 'ltr';
            }
            </script>

Basically I’m checking if the captcha exist instead of checking if the submit button exist. Since in my website the captcha is disabled for logged-in users even if the comment form is present, so they were still receiving the error.

Hi,

I was still getting the error in both IE6 and IE7, but putting together the if statements seemed to fix the problem. The code is now:

<script type="text/javascript">
                if(document.getElementById('submit') != null && document.getElementById('recaptcha-submit-btn-area') != null)
                {
                  var sub = document.getElementById('submit');
                  document.getElementById('recaptcha-submit-btn-area').appendChild (sub);
                  document.getElementById('submit').tabIndex = 6;
                  if ( typeof _recaptcha_wordpress_savedcomment != 'undefined') {
                          document.getElementById('comment').value = _recaptcha_wordpress_savedcomment;
                  }
                  document.getElementById('recaptcha_table').style.direction = 'ltr';
                }
</script>