Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
2 / 2 / 0
Регистрация: 26.04.2010
Сообщений: 134

Google recaptcha и safari на iphone5

11.07.2019, 08:25. Показов 880. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет.

Сталкивался ли кто с такой проблемой. Google recaptcha (я не робот V2) на iphone 5 safari при щелчке по квадратику что бы пройти проверку - перескакивает на другую часть этой же web страницы. Ниже привел готовый пример. Только код капчи на свой поменять надо. Эта проблема возникла имено на iphone 5 в браузере сафари. Пожалуйста помогите кто в курсе этой проблемы..


HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    .container{
        width: 200px;
        margin: 0 auto;
    }
    span:first-child{
 
    }
    span:nth-child(2){
        color:green;
    }
 
    span:nth-child(3){
        color:red;
    }
 
</style>
<script src='https://www.google.com/recaptcha/api.js'></script>
<body>
        <div class="container">
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias amet animi architecto, asperiores at cum delectus distinctio doloremque dolores, doloribus eligendi est et eveniet ex expedita explicabo fuga hic in inventore ipsa itaque labore laboriosam laborum libero, magnam mollitia nam nobis nulla quasi qui reiciendis sequi similique temporibus ullam veniam voluptatem. Assumenda blanditiis consequuntur minus praesentium, quisquam vero voluptatibus. A ab accusantium alias aliquam asperiores delectus deserunt dignissimos eaque esse illum ipsa ipsum iusto laborum maxime natus nemo nesciunt numquam officiis placeat provident quis, ratione reiciendis rem repellat reprehenderit rerum sit tempora ullam ut voluptate! Amet doloremque earum necessitatibus nihil sed soluta veniam. Amet aspernatur autem dicta, distinctio ducimus eligendi, inventore ipsam ipsum laborum nulla numquam, perferendis quia similique sit veritatis. A doloribus eius hic nisi numquam, obcaecati odio pariatur, porro, repellat velit veritatis voluptate. Accusamus animi aut corporis cupiditate delectus dolor dolorem excepturi explicabo fuga fugiat hic ipsum iste labore maiores mollitia, nisi nostrum obcaecati quasi quis recusandae reprehenderit sunt tempora voluptate. Accusamus amet, at culpa dolor dolorem dolorum eos eveniet excepturi facere hic ipsam, maiores maxime minus molestias nisi nostrum nulla obcaecati odio odit, quas quibusdam reiciendis repudiandae tenetur voluptatem voluptatibus. Alias consectetur dolorem dolorum earum eos esse excepturi fuga hic, illum incidunt libero magni maiores minus nam, natus nostrum, officiis placeat quae sequi tempore veritatis voluptates voluptatum. Accusamus corporis culpa dolor earum excepturi fugiat maiores sint. Corporis culpa dolor molestiae nam nobis numquam quasi quis ullam. Alias aperiam at, blanditiis dolorem eligendi enim ex itaque natus repellendus sapiente sed sint ut!</span>
            <div class="g-recaptcha" data-sitekey="6LcYBaQUAAAAAAofjVGckUOAoqDeJ0n4B0mgEGlе"></div>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias amet animi architecto, asperiores at cum delectus distinctio doloremque dolores, doloribus eligendi est et eveniet ex expedita explicabo fuga hic in inventore ipsa itaque labore laboriosam laborum libero, magnam mollitia nam nobis nulla quasi qui reiciendis sequi similique temporibus ullam veniam voluptatem. Assumenda blanditiis consequuntur minus praesentium, quisquam vero voluptatibus. A ab accusantium alias aliquam asperiores delectus deserunt dignissimos eaque esse illum ipsa ipsum iusto laborum maxime natus nemo nesciunt numquam officiis placeat provident quis, ratione reiciendis rem repellat reprehenderit rerum sit tempora ullam ut voluptate! Amet doloremque earum necessitatibus nihil sed soluta veniam. Amet aspernatur autem dicta, distinctio ducimus eligendi, inventore ipsam ipsum laborum nulla numquam, perferendis quia similique sit veritatis. A doloribus eius hic nisi numquam, obcaecati odio pariatur, porro, repellat velit veritatis voluptate. Accusamus animi aut corporis cupiditate delectus dolor dolorem excepturi explicabo fuga fugiat hic ipsum iste labore maiores mollitia, nisi nostrum obcaecati quasi quis recusandae reprehenderit sunt tempora voluptate. Accusamus amet, at culpa dolor dolorem dolorum eos eveniet excepturi facere hic ipsam, maiores maxime minus molestias nisi nostrum nulla obcaecati odio odit, quas quibusdam reiciendis repudiandae tenetur voluptatem voluptatibus. Alias consectetur dolorem dolorum earum eos esse excepturi fuga hic, illum incidunt libero magni maiores minus nam, natus nostrum, officiis placeat quae sequi tempore veritatis voluptates voluptatum. Accusamus corporis culpa dolor earum excepturi fugiat maiores sint. Corporis culpa dolor molestiae nam nobis numquam quasi quis ullam. Alias aperiam at, blanditiis dolorem eligendi enim ex itaque natus repellendus sapiente sed sint ut!</span>
            <span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias amet animi architecto, asperiores at cum delectus distinctio doloremque dolores, doloribus eligendi est et eveniet ex expedita explicabo fuga hic in inventore ipsa itaque labore laboriosam laborum libero, magnam mollitia nam nobis nulla quasi qui reiciendis sequi similique temporibus ullam veniam voluptatem. Assumenda blanditiis consequuntur minus praesentium, quisquam vero voluptatibus. A ab accusantium alias aliquam asperiores delectus deserunt dignissimos eaque esse illum ipsa ipsum iusto laborum maxime natus nemo nesciunt numquam officiis placeat provident quis, ratione reiciendis rem repellat reprehenderit rerum sit tempora ullam ut voluptate! Amet doloremque earum necessitatibus nihil sed soluta veniam. Amet aspernatur autem dicta, distinctio ducimus eligendi, inventore ipsam ipsum laborum nulla numquam, perferendis quia similique sit veritatis. A doloribus eius hic nisi numquam, obcaecati odio pariatur, porro, repellat velit veritatis voluptate. Accusamus animi aut corporis cupiditate delectus dolor dolorem excepturi explicabo fuga fugiat hic ipsum iste labore maiores mollitia, nisi nostrum obcaecati quasi quis recusandae reprehenderit sunt tempora voluptate. Accusamus amet, at culpa dolor dolorem dolorum eos eveniet excepturi facere hic ipsam, maiores maxime minus molestias nisi nostrum nulla obcaecati odio odit, quas quibusdam reiciendis repudiandae tenetur voluptatem voluptatibus. Alias consectetur dolorem dolorum earum eos esse excepturi fuga hic, illum incidunt libero magni maiores minus nam, natus nostrum, officiis placeat quae sequi tempore veritatis voluptates voluptatum. Accusamus corporis culpa dolor earum excepturi fugiat maiores sint. Corporis culpa dolor molestiae nam nobis numquam quasi quis ullam. Alias aperiam at, blanditiis dolorem eligendi enim ex itaque natus repellendus sapiente sed sint ut!</span>
        </div>
</body>
</html>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
11.07.2019, 08:25
Ответы с готовыми решениями:

ReCAPTCHA внедрение. Как подключить reCAPTCHA от Google
Здравствуйте! Нашел интересный обработчик формы обратной связи, переписал. Работало нормально, но в один момент решил я установить...

Google recaptcha и laravel 5
Доброго времени суток! я попытался добавить на свой сайт каптчу по этому туториалу ТЫЦ все добавил как написано но $response...

Captcha - reCAPTCHA от Google
Доброго всем дня. Такой вопрос, довольно странный, раньше не сталкивался. Имеется сайт на Joomla 2.5 по умолчанию там должен...

3
2 / 2 / 0
Регистрация: 26.04.2010
Сообщений: 134
13.07.2019, 00:05  [ТС]
Товарищи Форумчане!

Неужели у всех капчи на страницах, имеющих скрол на iphone работают нормально?
0
2 / 2 / 0
Регистрация: 26.04.2010
Сообщений: 134
15.07.2019, 16:13  [ТС]
никто с таким не сталкивался?

Добавлено через 26 секунд
Помогите кто знает! Пожалуйста!

Если уж с этим ник то не знает, что странно..подскажите пожалуйства как получить response от невидимой капчи? В гугл документации есть вариант ы ее установки..но как проверить до отправки данных в php-файл ничего не нашел. Только в php в $_POST можно увидеть response.. а как его в js получить что бы обрабатывать..ничего нигде не нашел..

Добавлено через 1 час 53 минуты
Правильно ли я понял?

если используешь:
HTML5
1
2
3
4
    <div id='recaptcha' class="g-recaptcha"
         data-sitekey="6LcYI60UAAAAAM4NLMETa_Iq4p-BtWYiayi-NHE3"
         data-callback="onSubmit"
         data-size="invisible"></div>
то функция которая в data-callback запускается - когда проверка прошла (аля признак успешной проверки?

В этом случае в этой функции (onSubmit) можно выполнять какие либо действия считая что проверка успешно пройдена?

Это вариант вместо response, который есть во 2-й версии я не робот?
0
2 / 2 / 0
Регистрация: 26.04.2010
Сообщений: 134
19.07.2019, 12:36  [ТС]
В общем никто не знает судя по всему..и я ответа внятного так и не нашел..больше недели уже копаюсь..на обычных я не робот капчах проверку до отправки в php_файл легко можно сделать..а случае невидимых так и не доганяю как сделать тоже самое..отправка то идет и в php-файле response есть..только вот как до передачи в php-файл узнать response от невидимой капчи ..внятного ответа не нашел..
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
19.07.2019, 12:36
Помогаю со студенческими работами здесь

Google recaptcha в laravel
установил капчу https://github.com/thinhbuzz/laravel-google-captcha но такая ошибка Class captcha does not exist (View:...

Callback от Google reCAPTCHA 2
Доброго дня уважаемые форумчане. Столкнулся с такой проблемой, а именно - не всегда загружается капча от Google. Рендерю в блок div ее...

Google reCAPTCHA как защита от парсера
Уважаемые форумчане, подскажите пожалуйста. Как вы думаете, если парсер ворует контент на сайте, можно ли сделать проверку при помощи...

Форма обратной связи + google recaptcha
Добрый день! Подскажите пож-та как подключить google recaptcha к готовой форме обратной связи. Пересмотрел кучу гайдов и видео - все...

ReCaptcha от Google присылает пустой success
Доброго дня, уважаемые форумчане. Заранее каюсь, если нарушил какие-либо правила сего форума, или чего-то недопонял. Так же заранее...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru