Questions tagged [react-google-recaptcha]
74 questions
0
votes
1 answer
Google reCaptcha widget cut off in Chrome
I'm trying to add a reCaptcha validation using react-google-recaptcha. Works fine but the widget is visually cut off in Chrome and I'm not sure how to fix it. Firefox renders the widget correctly.
I tried messing with the style (width, height,…
user1769106
- 308
- 3
- 8
0
votes
1 answer
I want to get current url in settings.py file in django
I want to set an if condition in settings.py in my django app, to check the url and apply correct GOOGLE_RECAPTCHA_SECRET_KEY for the site. because of difference in local host and web server domin.
I used requests._current_scheme_host but get an…
Seyed Amir Mousavian
- 75
- 1
- 11
0
votes
0 answers
Is the usage of reCAPTCHA v3 with React ensuring that bots will not be able to load "not-yet-rendered" content?
I am not sure if this is a react-specific question, a general JavaScript related question or just a basic functionality question regarding websites and the loading of its sources (depending if one uses a browser or any other program to fetch the…
maximotus
- 21
- 1
- 5
0
votes
3 answers
Google Cloud - No secret key for reCAPTCHA Enterprise
I am trying to create a reCAPTCHA secret key and I already enabled the reCAPTCHA Enterprise API and created a key.
It created the site key, but I do not see a secret key.
KKaotix
- 19
- 2
0
votes
1 answer
Implementing google-recaptcha v3 in react without a backend
I'm a frontend developer trying to create a test case of adding google-recaptcha-v3 in my react app.
I'd appreciate response to how i can by-pass the cors error when I make a post request to verify the user's token.
//imports
...
const…
dev_integral
- 104
- 7
0
votes
1 answer
"Uncaught (in promise): null" when lifting up the value of reCAPTCHA
I'm trying to lift up the value of the reCAPTCHA (with react-google-recaptcha) once the user clicks it. I can easily get the value but I can't send it to the parent component. It throws:
Uncaught (in promise): null
const RecaptchaInput = ({ name,…
Ferran Buireu
- 28,630
- 6
- 39
- 67
0
votes
0 answers
react-google-recaptcha re-rendering when setstate
I am very new to react/hooks and struggling hard to get Google recaptcha working properly.
This is how my app.js looks like:
import ConfirmationPage from './Pages/ConfirmationPage';
function App() {
const [email, setEmail] = React.useState('');
…
A J
- 53
- 1
- 11
0
votes
0 answers
Google Recaptcha throwing System.Web.HttpRuntime.WebObjectActivator error
I am trying to use Google Recaptcha on on my web pages. I keep getting an error saying
GoogleReCaptcha.GoogleReCaptcha)(System.Web.HttpRuntime.WebObjectActivator.GetService(typeof(GoogleReCaptcha.GoogleReCaptcha))));
Below is the screen…
Anjali
- 2,540
- 7
- 37
- 77
0
votes
1 answer
Google ReCaptcha: react-google-recaptcha not verifying correctly
I have the following React component for a contact form:
import React from 'react'
import ReCAPTCHA from "react-google-recaptcha";
import {Container, Row, Col, Form, Button } from 'react-bootstrap'
import '../styles/contact.css'
class Contact…
Philipp Laurim
- 45
- 1
- 6
0
votes
2 answers
Incompatible Recaptcha V2 with IE
I have tried adding meta tag to the header :
But it didn't work.
I tried this option, still didn't work infact there is no google.com present inside compatible view.
Could anyone help me out?
How to…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/java" class="post-tag grid--cell" title="show questions tagged 'java'" rel="tag">java</a>
<a href="../../questions/tagged/internet-explorer" class="post-tag grid--cell" title="show questions tagged 'internet-explorer'" rel="tag">internet-explorer</a>
<a href="../../questions/tagged/recaptcha" class="post-tag grid--cell" title="show questions tagged 'recaptcha'" rel="tag">recaptcha</a>
<a href="../../questions/tagged/react-google-recaptcha" class="post-tag grid--cell" title="show questions tagged 'react-google-recaptcha'" rel="tag">react-google-recaptcha</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked May 21 '20 at 11:18">asked May 21 '20 at 11:18</time>
<a href="../../users/13548125/lovish-goel" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/13548125.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="lovish goel" />
</a>
<div class="s-user-card--info">
<a href="../../users/13548125/lovish-goel" class="s-user-card--link">lovish goel</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">21</li>
<li class="s-award-bling s-award-bling__bronze" title="1 bronze badges">1</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-58681000">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/58681000/reactjs-google-recaptcha-v3-onverify-method-does-not-trigger-for-every-login-c" class="question-hyperlink">Reactjs-Google ReCaptcha v3 onVerify method does not trigger for every login click</a></h3>
<div class="excerpt">import React from "react";
import {GoogleReCaptchaProvider, GoogleReCaptcha } from "react-google-recaptcha-v3";
class Login extend React.Component {
verifyCallback = (response) => {
// API call to verify the token
}
render() {
…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/reactjs" class="post-tag grid--cell" title="show questions tagged 'reactjs'" rel="tag">reactjs</a>
<a href="../../questions/tagged/react-google-recaptcha" class="post-tag grid--cell" title="show questions tagged 'react-google-recaptcha'" rel="tag">react-google-recaptcha</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Nov 03 '19 at 14:13">asked Nov 03 '19 at 14:13</time>
<a href="../../users/12267015/sneh" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/12267015.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Sneh" />
</a>
<div class="s-user-card--info">
<a href="../../users/12267015/sneh" class="s-user-card--link">Sneh</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">413</li>
<li class="s-award-bling s-award-bling__gold" title="1 gold badge">1</li>
<li class="s-award-bling s-award-bling__silver" title="5 silver badge">5</li>
<li class="s-award-bling s-award-bling__bronze" title="18 bronze badge">18</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-58170590">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>0</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status answered-accepted">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/58170590/how-do-i-make-code-wait-for-recaptcha-to-render" class="question-hyperlink">How do I make code wait for ReCaptcha to render</a></h3>
<div class="excerpt">I am trying to edit an attribute of an element created by reCaptcha. But to do so, I need to catch the iframe, that is being created. The problem is, when I use useEffect (Instead of ComponentDidMount/Update. The code runs too early. How can I make…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/javascript" class="post-tag grid--cell" title="show questions tagged 'javascript'" rel="tag">javascript</a>
<a href="../../questions/tagged/reactjs" class="post-tag grid--cell" title="show questions tagged 'reactjs'" rel="tag">reactjs</a>
<a href="../../questions/tagged/asynchronous" class="post-tag grid--cell" title="show questions tagged 'asynchronous'" rel="tag">asynchronous</a>
<a href="../../questions/tagged/recaptcha" class="post-tag grid--cell" title="show questions tagged 'recaptcha'" rel="tag">recaptcha</a>
<a href="../../questions/tagged/react-google-recaptcha" class="post-tag grid--cell" title="show questions tagged 'react-google-recaptcha'" rel="tag">react-google-recaptcha</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Sep 30 '19 at 15:05">asked Sep 30 '19 at 15:05</time>
<a href="../../users/7055769/alex-ironside" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/7055769.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Alex Ironside" />
</a>
<div class="s-user-card--info">
<a href="../../users/7055769/alex-ironside" class="s-user-card--link">Alex Ironside</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">4,658</li>
<li class="s-award-bling s-award-bling__gold" title="11 gold badges">11</li>
<li class="s-award-bling s-award-bling__silver" title="59 silver badges">59</li>
<li class="s-award-bling s-award-bling__bronze" title="119 bronze badges">119</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-61272740">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>-1</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/61272740/override-the-styles-of-google-recaptcha" class="question-hyperlink">Override the styles of Google recaptcha</a></h3>
<div class="excerpt">I have an HTML/Bootstrap page page where i am using google recaptcha V2.
I have a style class css file which is working(i am having other styles working through this css).
I am trying to override the background color of "I am not Robot" so i added…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/css" class="post-tag grid--cell" title="show questions tagged 'css'" rel="tag">css</a>
<a href="../../questions/tagged/recaptcha" class="post-tag grid--cell" title="show questions tagged 'recaptcha'" rel="tag">recaptcha</a>
<a href="../../questions/tagged/react-google-recaptcha" class="post-tag grid--cell" title="show questions tagged 'react-google-recaptcha'" rel="tag">react-google-recaptcha</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Apr 17 '20 at 13:23">asked Apr 17 '20 at 13:23</time>
<a href="../../users/3657868/user3657868" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/3657868.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="user3657868" />
</a>
<div class="s-user-card--info">
<a href="../../users/3657868/user3657868" class="s-user-card--link">user3657868</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">59</li>
<li class="s-award-bling s-award-bling__silver" title="1 silver badges">1</li>
<li class="s-award-bling s-award-bling__bronze" title="9 bronze badges">9</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mln24">
<div class="question-summary" id="question-summary-66304813">
<div class="statscontainer">
<div class="stats">
<div class="vote">
<div class="votes">
<span class="vote-count-post"><strong>-2</strong></span>
<div class="viewcount">votes</div>
</div>
</div>
<div class="status ">
<strong>1</strong> answer
</div>
</div>
</div>
<div class="summary">
<h3><a href="../../questions/66304813/recaptcha-postasync-throwing-system-net-webexception-the-underlying-connection" class="question-hyperlink">Recaptcha PostAsync throwing System.Net.WebException: The underlying connection was closed</a></h3>
<div class="excerpt">Tried implementing a google Recaptcha , Locally it is working very fine . But when deployed to other server (Through Octopus) it throws the exception. Unable to find the cause. Happens on PostAsync call .Please needed help.
using (HttpClient…</div>
<div class="grid ai-start jc-space-between fw-wrap">
<div class="grid gs4 fw-wrap tags ">
<a href="../../questions/tagged/c#" class="post-tag grid--cell" title="show questions tagged 'c#'" rel="tag">c#</a>
<a href="../../questions/tagged/.net" class="post-tag grid--cell" title="show questions tagged '.net'" rel="tag">.net</a>
<a href="../../questions/tagged/asp.net-mvc-4" class="post-tag grid--cell" title="show questions tagged 'asp.net-mvc-4'" rel="tag">asp.net-mvc-4</a>
<a href="../../questions/tagged/react-google-recaptcha" class="post-tag grid--cell" title="show questions tagged 'react-google-recaptcha'" rel="tag">react-google-recaptcha</a>
</div>
<div class="started mt0">
<div class="s-user-card s-user-card">
<time class="s-user-card--time" datetime="asked Feb 21 '21 at 17:02">asked Feb 21 '21 at 17:02</time>
<a href="../../users/3169720/chaithra-manoj" class="s-avatar s-avatar__32 s-user-card--avatar">
<img class="s-avatar--image" src="../../users/profiles/3169720.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="chaithra manoj" />
</a>
<div class="s-user-card--info">
<a href="../../users/3169720/chaithra-manoj" class="s-user-card--link">chaithra manoj</a>
<ul class="s-user-card--awards">
<li class="s-user-card--rep" title="reputation score">63</li>
<li class="s-award-bling s-award-bling__silver" title="3 silver badges">3</li>
<li class="s-award-bling s-award-bling__bronze" title="11 bronze badges">11</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="s-pagination pager fr">
<a class="s-pagination--item" href="../../questions/tagged/react-google-recaptcha_page=4" rel="prev" title="Go to page 4">Prev </a>
<a class="s-pagination--item" href="../../questions/tagged/react-google-recaptcha_page=1" rel="" title="Go to page 1">1</a>
<a class="s-pagination--item" href="../../questions/tagged/react-google-recaptcha_page=2" rel="" title="Go to page 2">2</a>
<a class="s-pagination--item" href="../../questions/tagged/react-google-recaptcha_page=3" rel="" title="Go to page 3">3</a>
<a class="s-pagination--item" href="../../questions/tagged/react-google-recaptcha_page=4" rel="" title="Go to page 4">4</a>
<div class="s-pagination--item is-selected">5</div>
</div>
</div>
</div>
</div>
</div>
<script src="../../static/js/stack-icons.js"></script>
<script src="../../static/js/fromnow.js"></script>
</body>
</html>