Auto-Hide entire form when invisible RECAPTCHA shows?

Hi There,

We are trying to solve some layout / usability issues with our client forms. I'd like to try and replicate the functionality I've seen on the following site.

https://www.godaddy.com/whois

When you submit a domain name to this website it sometimes shows a captcha and hides all other content. Is there a way to replicate this with our JotForm forms?

Here is a page with a client form: https://www.facilitiesbydesign.com/contact/

Thanks for your help,

- Andrew

The GoDaddy site does not have a Captcha in it. Is there any Form that we should fill out to get the Captcha?

Looking forward to your response.

Thanks.

Hi There, as I mentioned, if you submit a domain name the CAPTCHA sometimes show up before the results of the form submission are shown. Please give this a try, below is what you should hopefully see.

- Andrew

Do you wish to implement something like this in your form where you can show all the fields only after verifying the captcha? Could you please confirm you wish to display the captcha every time when a particular field is filled or only for specific inputs?

If yes, you can use conditions to hide all the form fields and display the captcha? However, it is not possible to show fields once the user verifies the captcha as it is not possible to set conditions on the captcha field.

If you wish to display the captcha only for specific inputs, the more we can do is setting a condition to display the captcha field along with all the other fields.

Please check my demo form: https://form.jotform.com/193514412537961

In the above the form, the captcha will only display when you enter "test" in the Name field.

Or you once the user verifies the captcha, you can redirect the users to a different form where they can continue filling out the other fields.

https://www.jotform.com/help/38-Redirecting-Users-to-a-Different-Page

Thank you for the demo form but this is not quite what I'm looking for. I guess I would like it to be much like the GoDaddy sample page I sent. The user sees the form as normal (no RECAPTCHA), then if the submission looks suspicious to RECAPTCHA it shows before completing the submission. How can we accomplish this with JotForm?

Thank you for your help.

I checked the site for GoDaddy that you have provided. It seems that you would like to hide the rest of the fields and show the Captcha field only, correct? 

I have cloned my colleague's demo form and add a condition to hide other fields.

For your reference: Hide-or-Show-Multiple-Fields-at-Once

Here's the cloned form: https://form.jotform.com/193517909762975

Let us know if it didn't meet your requirements.

Hello! This is getting closer. The problem is that it does not show the form again after the CAPTCHA verification is complete. Can this be done?

To clarify, you would like to redirect the user to a page after Captcha verification or you would like the user to proceed on the form after Captcha? Kindly provide us more information about your workflow for us to further assist you. 

We will wait for your response.

Thanks for asking. I would like to proceed with the current form. So basically if the RECAPTCHA detects someone is suspicious it shows the verification. Once that's complete they see the form again.

The reason to show it in the same space visually as the current form is because of layout issues we are experiencing with the embed code. The iFrame window initially sizes itself based on the form content, if the captcha shows up (invisible RECAPTCHA) then the iframe window is too small because the internal content just changed. This is forcing us to oversize our iframe embed code to allow for the times when the RECAPTCHA shows up.

Hope that an elegant solution can be found. Thank you.

Thank you for the additional information.

Kindly try to re-embed your form using the Embed code: Embedding-a-Form-to-a-Web-Page

If the issue still persists kindly provide us the link where the form is located to further check it on our end? 

Thank you.

Hi KrisLei, I already have another thread going about the embed resize issues. I was hoping that you might be able to help us find an alternate way around this by using the same space that the form originally occupies and thus not having a resize / cropping issue. Here's the other thread and I'm not the only one asking about this. Would love to see a clean and simple solution to stopping all the SPAM. 

https://www.jotform.com/answers/2063364-Google-RECAPTCHA-does-not-work-with-the-standard-embed-script#15

Thanks for your help,

- Andrew

Hello Andrew,

I have checked the thread you are referring to, it seems that my colleague already escalated a ticket to our developers to investigate the issue. 

On the other hand, you may try setting the Unique Submissions on your form to 'Check Cookies only'. In this way, it could prevent form submissions using the same browser, in the meantime: How-to-Set-Unique-Submissions-on-a-Form

If you need further assistance regarding the issue on that thread, please post your query on the corresponding thread so that we can address your concern accordingly and to avoid confusion. Thank you for your understanding and we appreciate your patience on this matter.

Additionally, the error on the reCaptcha field on your site means your key is no longer valid. As I have checked online you can try to register a new key: how-to-get-google-recaptcha-key

Let us know how it went by posting it on the other thread.