Are you human?

A CAPTCHA is a challenge-response method to determine whether a web page visitor is human or computer. Typically the challenge is an image of distorted text, easy enough for a human to decipher but difficult for a computer.

ReCaptcha is the tool we use for this purpose in our web applications, but lately some of ReCaptcha’s challenges are hopelessly munged. To be fair, ReCaptcha provides a button that refreshes the challenge image as often as you want without affecting the contents of the page, but it is not as obvious as we’d like and we’ve learned that many of our visitors are missing it entirely. For this reason, we’ve chosen to include a “get a new challenge” text link above our Recaptcha boxes that produces the exact same refresh effect as ReCaptcha’s button.

example recaptcha

If you’re interested, here’s the html…

<div id=”newChallenge”>Get a new challenge</div>

 

the additional javascript (yes, we are jQuery junkies)…

jQuery(document).ready(function() {
jQuery(‘#newChallenge’).click(function() { Recaptcha.reload(); });
});

 

and the css…

#newChallenge {
color: #006600;
cursor: pointer;
display: inline;
text-decoration: underline;
}

 

A link can be added any number of ways, but the key is to call the reload() function of the ReCaptcha object, using a click event as the trigger.

~ Mark Windley

Comments are closed.