How to focus on second Captcha when first Captcha is incorrectly entered?

  • Profile Image
    laddsa
    Asked on May 08, 2013 at 11:42 AM

    Hi, 

    We have a long form with a reCaptcha at the end of it. If the reCaptcha is incorrectly filled in, with all other required form fields being filled in, then the form disappears, and another Captcha is added towards the top of the page. 

    The issue we are having is that when the form disappears, then focus remains as the bottom of the page. As the page is a long page, it looks like it's just a blank page, with no indication that there's a new Captcha towards the top.

    Is it possible to assign focus to the second Captcha, or better still, is it possible to leave the form without removing it, and just refresh the captcha until the user enters the correct value, and then show the 'Thank you' page?

    Kind regards,

    Sanka Ladduwahetty

  • Profile Image
    glennlee
    Answered on May 08, 2013 at 12:26 PM

    Hi Sanka,

    Thanks for contacting us!

    When you enter incorrect text on captcha it is designed  to go to next page to re-enter the correct text. The page suppose to focus on the top page where the captcha is located. Is the form you are referring is embedded to a website? If yes, please share us the website url so we can investigate. 

    Thanks

  • Profile Image
    laddsa
    Answered on May 09, 2013 at 05:54 AM

    Hi Glenlee, thanks for your advice. You're correct, the form is embedded into our website.

    But unfortunately, as our website is currently in the final development phase, it's not yet been made available to the public.

    Could the issue be the way that it's been embedded? We've not embedded the entire source of the form, just a single javascript line enclosed in Divs, with one of our own classes being applied to position the form correctly on the page.

    I'll see if I can change that and will let you know if it makes a difference!

    Many thanks,

    Sanka

  • Profile Image
    glennlee
    Answered on May 09, 2013 at 09:21 AM

    Hello Sanka,

    There are cases, if the web page has used other javascript, the javascript conflicted the form's javascript. In that case, you can try to embed your form using Iframe method. Please see this tutorial Getting-the-Form-iFrame-Code

    Regards,