How to use recaptcha without JavaScript enabled?

[2Charlie]

I'm following the tutorial on this page, https://developers.google.com/recaptcha/docs/faq, and so far it's not working. When I click on the box "I'm not a robot", it would spin forever and never gets to the challenge part. I want to provide the recaptcha for those who have their JavaScript disabled. Any suggestion is much appreciated. Thank you!

[Karthik Kumar]

Hi Charlie

Actually there was a bug which got introduced last week in solving CAPTCHA in text mode(javascript disabled). It seems google has reverted their changes for now.

Regarding your problem, specify if you are working on version 1 or 2. Since you are talking about "click on box".. its assumed to be Version 2. Inorder to test text mode, just disabled the javascript in your browser and reload the page. The problem lies only while solving the CAPTCHA .. but not actually getting one. You should be able to reach the level where you get CAPTCHA images loaded on page and asking for the text.

[bsag...@gmail.com]

As of about a week ago.  It seems something changed because with their fallback captcha, no matter how many right answers I put in, it never takes... https://www.google.com/recaptcha/api/fallback?k=6Ldt1v8SAAAAAP03MKtLNIr84FgUVu6KYk7KYx2N

[Chong Lor]

I have the same issue. The recaptcha do not take whatever I type in either regardless if it's right or wrong. But the bigger issue is that regardless if I verify or not, the email form is still being sent. A minor issue is that the verification is way too hard. It is hard to tell what characters they are.

--
You received this message because you are subscribed to a topic in the Google Groups "reCAPTCHA" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/recaptcha/7eWv4-JK7mY/unsubscribe.
To unsubscribe from this group and all its topics, send an email to recaptcha+...@googlegroups.com.
To post to this group, send email to reca...@googlegroups.com.
Visit this group at http://groups.google.com/group/recaptcha.
For more options, visit https://groups.google.com/d/optout.

[2Charlie]

Another problem I'm having with this no JavaScript recaptcha is that if the user has JavaScript turned on, it still loaded the pre-rendered version instead. I thought the pre-rendered captcha is only a fallback where if the user does not have JavaScript turned on.

[Karthik Kumar]

Is anyone of you able to solve non JS (text mode) reCAPTCHA after clearing your browser cookie. Not sure when GOOGLE will fix this but till then its creating lots of trouble.

Do anyone have any other means by which these CAPTCHA's can be solved ?

[Oli Su]

Hi bsag...@gmail.com,

It appears the noscript fallback HTML on the FAQ page is out of date.

I went to the reCAPTCHA demo and copied the updated HTML and is now working - the old HTML isn't rendered properly and pushes the bottom textarea field out of sight.

This is the <noscript> part I'm using which works:

<noscript>
  <div style="width: 302px; height: 462px;">
    <div style="width: 302px; height: 422px; position: relative;">
      <div style="width: 302px; height: 422px; position: absolute;">
        <iframe src="{$iframeURL}"
                frameborder="0" scrolling="no"
                style="width: 302px; height:422px; border-style: none;">
        </iframe>
      </div>
    </div>
    <div style="border-style: none; bottom: 12px; left: 25px; margin: 0px; padding: 0px;
                right: 25px; background: #f9f9f9; border: 1px solid #c1c1c1;
                border-radius: 3px; height: 60px; width: 300px;">
      <textarea id="g-recaptcha-response" name="g-recaptcha-response"
                class="g-recaptcha-response"
                style="width: 250px; height: 40px; border: 1px solid #c1c1c1;
                margin: 10px 25px; padding: 0px; resize: none;">
      </textarea>
    </div>
  </div>
  <br>
</noscript>

Simply replace the {$iframeURL} with yours.

If you have a busy production site, you may want to run some kind of headless automated tests (e.g. Ghost Inspector) to help you detect 3rd party plugin changes.

Someone should probably ask Google to update their FAQs :)

Hope this helps.

[Karthik Kumar]

Hi

@Oli Su : Do you have any fix for images which get displayed. Once I clear all cookies, I get only black and white images with improper text. No matter how many ever times I try, GOOGLE do not take the text and hence I get struck.

My problem is exact to : https://groups.google.com/forum/#!topic/recaptcha/HJGQswyo82w

Do you have any idea how do you get images with number or legible words so that user can type those and proceed further ?

[2Charlie]

I don't have the {$iframeURL} in my code.

This is what I have.

<div class="large-8 medium-8 columns">

                    <form data-abide action="/contact-us-submittion.cfm" method="post">

                    <div class="row">

                        <div class="large-12 medium-12 columns">

                                <div class="row" data-equalizer>

                                    <div class="large-4 medium-4 columns">

                                        <div class="row">

                                            <div class="large-12 columns">

                                                <label>

                                                    <input type="text" placeholder="Name" name="name" required>

                                                </label>

                                                <small class="error">Name is required and must be a string.</small>

                                            </div>

                                        </div>

                                        <div class="row">

                                            <div class="large-12 columns">

                                                <label>

                                                    <input type="text" placeholder="Email" name="mailfrom" required pattern='.*@.*\..{3}|.*@.*\..{2}'>

                                                </label>

                                                <small class="error">An email address is required.</small>

                                            </div>

                                        </div>

                                        <div class="row">

                                            <div class="large-12 columns">

                                                <input type="text" placeholder="Phone" name="phone">

                                            </div>

                                        </div>

                                        <div class="row">

                                            <div class="large-12 columns">

                                               <div class="g-recaptcha" data-sitekey="6LfjPwITAAABBPbDHdC5wx6HXRmXtqO3pgAItl-E"></div>

                                            </div>

                                        </div>

                                    </div>

                                    <div class="large-8 medium-8 columns">

                                        <div class="row">

                                            <div class="large-12 columns">

                                                <textarea name="message" placeholder="Message/Question" rows="5"  required></textarea>

                                                <input type="hidden" name="mailto" value="#items[1].values.email#">

                                            </div>

                                        </div>

                                        <div class="row">

                                            <div class="large-12 columns">

                                                <button type="submit" class="tiny right">Submit</button>

                                            </div>

                                        </div>

                                    </div>

                                </div>

                            </div>

                        </div>

[jeffreya...@gmail.com]

I am having the same issue, it just started happening.

Users on older IE browsers get the fallback just fine, but any time they select the images and hit verify it does not work.

The listen works, but selecting the images NEVER works.

It appears to be isolated to older browsers, but we have lots of users on old browsers so it is a problem.

[radiant]

We're implementing and today I found fallback option when javascript disabled. It loads the image set however even clicking right options it never gets verified and next set of puzzles appears. Audio one works though, however the html in their faq page has more height for the iframe thus the input box to paste the verified code gets hidden. Spend quite a few hours thinking there might be something wrong I have done while implementing. Hope recaptcha devs fixed the issue soon.

cheers,radiant

[jeffreya...@gmail.com]

We implemented the change Oli Su recommended above and it seemed to solve our problem.

Thank you Oli!!!!!

[2Charlie]

Okay, so I tried it. It does not always work. Sometimes I had to try two times, three times, and four-six times before it accepts. It never works the first time. I'm not sure why. Does anyone see this too?