recaptcha | 易学教程

Invisible ReCaptcha with jQuery ajax

阅读更多关于 Invisible ReCaptcha with jQuery ajax

问题 I am trying to implement the newest ReCaptcha (aka "invisible" ReCaptcha) within an form using jQuery and an "ajax" request. ReCaptcha documentation: https://developers.google.com/recaptcha/docs/invisible My form: <form id="myForm" > <input type="email" name="email" /><br /> <input type="password" name="password" /><br/>  <button class="g-recaptcha" data-sitekey="6LdK..." data-callback="onSubmit">log in</button> </form> <div id="status"></div> My

Using reCAPTCHA with ASP.NET MVC

阅读更多关于 Using reCAPTCHA with ASP.NET MVC

I've used reCAPTCHA many times in my WebForms applications. Now I'd like to add it to an ASP.NET MVC application. I found what appears to be some good code in RecaptchaControlMvc but, incredibly, I haven't been able to find a single paragraph or example on how to use this control. I've posted in the Google reCAPTCHA group but it's dead. Can anyone point me to an example that uses this control, a paragraph about how to use it, or suggest an alternative? Note: I know there are similar questions on stackoverflow, but none that I've found discuss how to use this control. Some code here You add the

Require User to click google's new recaptcha before form submission

阅读更多关于 Require User to click google's new recaptcha before form submission

问题 I am using google's new recaptcha inside my form (HTML5): https://www.google.com/recaptcha Is there a way to check and mark recaptcha as required before form submission? I want to validate this on client side instead of server side. That way, I don't have to go back to the form and warn user about not entering anything for the captcha. Any javascript that I can use to check whether user enter anything in recaptcha? 回答1: You can check the textarea field with id g-recaptcha-response . You can

Google reCAPTCHA data-callback not working

阅读更多关于 Google reCAPTCHA data-callback not working

问题 I have built a email newsletter signup form which posts into mailchimp from my website. I have Google reCAPTCHA added to the form and have a data-callback to enable the submit button as it is initially disabled. This was working fine in all browsers last night and did tests with success & signed off on it..and went home. I got in this morning and found the subscribe button will not enable / data-callback does not work? Strange.. Callback <div class="g-recaptcha" data-callback="recaptcha

Using recaptcha with Firebase

阅读更多关于 Using recaptcha with Firebase

问题 Surprisingly-even more when both are Google products-there is no information that I can find on how to integrate Recaptcha with Firebase. Is it even possible? If not, what can I use to validate humans on a Firebase app that has no auth? 回答1: This is a pretty old post, but here's the answer for fellow Google searchers like me. It's now built-in, and super easy to set up: window.recaptchaVerifier = new firebase.auth.RecaptchaVerifier('recaptcha', { 'callback': (response) => { // reCAPTCHA

reCAPTCHA v3 network intensive web applications

阅读更多关于 reCAPTCHA v3 network intensive web applications

I'm using Google's reCAPTCHA v3 in an Angular 2 application to protect from automatic form submission. My application makes many network calls in the background as users' interact with the UI. From index.html , I make an intentionally blocking call to load the library (preventing the Angular world from entering before recaptcha/api.js is loaded): <script src="https://www.google.com/recaptcha/api.js?render=reCAPTCHA_site_key"></script> From the constructor of an Angular Service I use the DOCUMENT DI token to reference the grecaptcha object: constructor(@Inject(DOCUMENT) private document: any) {

ReCaptcha not working properly on iPhone

阅读更多关于 ReCaptcha not working properly on iPhone

问题 I have a website with a simple contact form. The validation is somewhat minimal because it doesn't go into a database; just an email. The form works as such: There are 5 fields - 4 of which are required. The submit is disabled until the 4 fields are valid, and then you can submit it. Then everything is validated on the server again, including the recaptcha (which is not validated by me client side). The whole process is done with ajax, and there are multiple tests that must pass on the server

Uncaught Error: ReCAPTCHA placeholder element must be an element or id

阅读更多关于 Uncaught Error: ReCAPTCHA placeholder element must be an element or id

I'm adding ReCAPTCHA to a (Bootstrap Jekyll) website that has multiple contact forms. There's a popup modal in the footer, an occasional "contact us now" section, and also a "request more information about ____" on several pages. Since I have multiple contact forms on a single page, I needed to explicitly render each ReCAPTCHA. Here's the code for that: In my javascript: var CaptchaCallback = function() { grecaptcha.render('RecaptchaField1', {'sitekey' : 'my_sitekey' }); grecaptcha.render('RecaptchaField2', {'sitekey' : 'my_sitekey' }); }; In footer (included on all pages) <div id=

Overriding google recaptcha css to make it responsive

阅读更多关于 Overriding google recaptcha css to make it responsive

I installed Google Recaptcha in a site (not a Wordpress site or Joomla) So do not offer any WP plugins or Joomla Extension :) My problem is, the site is responsive and recaptcha is not. When I use Firebug to find its styles I realized that not only the library that Google provides does not contain the css files, and I can't override them in my custom-styles.css file because Google, very thoughtfully, applied the !important selector hack to EVERYTHING in their css, but I even tried classing it so that I can make a breach and hopefully override Google's styles but then the plugin doesn't work:(

Recaptcha - Form Customization

阅读更多关于 Recaptcha - Form Customization

Does anyone know if recaptcha can be fully customize without the default frame. I need the recaptcha image to only be a certain width as well as the input field. Has anyone done this before with success. You can specify custom markup using the 'custom' theme option by including something like this on your page: <script type="text/javascript"> var RecaptchaOptions = { theme : 'custom', custom_theme_widget: 'recaptcha_widget' }; </script> You then create a div on the page to match the custom_theme_widget id like this: <div id="recaptcha_widget"> <div id="recaptcha_image"></div> <input type="text