Проверка капчи средствами javascript

InstantCMS 2.X
#1 7 августа 2017 в 13:43
Здравствуйте! Подскажите, пожалуйста, как проверить капчу средствами javascript до отправки формы. Я так понимаю, что при регистрации капча проверяется в момент отправки формы, а как проверить сразу же после ввода? Например, пользователь ввел капчу и если ввел правильно, появляется кнопка или становится активной.
#2 7 августа 2017 в 20:22

а как проверить сразу же после ввода?

А разве она на несразу проверяется? Речь о рекаптче от гугл?
#3 8 августа 2017 в 08:01

Речь о рекаптче от гугл?

Lora
Да.

А разве она на несразу проверяется?

Lora
Вы у меня спрашиваете? Если бы я знал, то, наверное, не начал новую тему. И если она сразу проверяется, то не могли бы привести пример того, как можно узнать введена капча или нет. Будьте так любезны.
#4 8 августа 2017 в 19:00
Не вопрос.
1.Не введена

2.Введена
#5 8 августа 2017 в 19:19
Lora, если по теме сказать нечего, проходите мимо. В описании форума написано

Вопрос-ответ

, а не вопрос-вопрос. Или вы таким образом медальки зарабатываете?
#6 8 августа 2017 в 19:27
DCDozer, у капчи есть документация. С примерами developers.google.com/recaptcha/docs/display
Вам надо у капчи указать функцию, которая будет вызываться

data-callback callback Optional. The name of your callback function to be executed when the user submits a successful CAPTCHA response. The user's response, g-recaptcha-response, will be the input for your callback function.

сам не пробовал, так как надобности не было. Копайте в этом направлении.
#7 8 августа 2017 в 19:30
Zau4man, спасибо, буду копать.
#9 8 августа 2017 в 21:18
DCDozer, вот. По ссылке от Pocus готовое решение.
#10 9 августа 2017 в 10:35
Pocus, спасибо за ссылку! Правда, приведенный там код у меня не захотел работать.)) Но тем не менее помог понять в каком направлении нужно двигаться. Вот что в итоге получилось.
  1.  
  2. <script src="https://www.google.com/recaptcha/api.js"></script>
  3. <div class="g-recaptcha" data-sitekey="YOUR_SITE_KEY" data-callback="correctCaptcha"></div>
  4. <script type="text/javascript">
  5. var correctCaptcha = function(response) {
  6. if (response.length > 0) {
  7. alert("Вы прошли проверку!");
  8. }
  9. };
  10. </script>
  11.  
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.