Как сделать капчу со словами, выбор слова с примерами

Капча со словами, капчи состоящие из слов - как сделать такую капчу, капча со словами , выбор слов. У нас будут предложения и из предложения нужно выбрать какое-то слово или букву и т.д. С примерами и скачать!

Капча которая использует слова php

1. Алгоритм работы капчи со словами
2. Видео - капча со словами - + Скачать.
3. Капча со словами.
   
   1. Форма для капчи со словами
   2. Рандомный вывод слов капчи + переменные
   3. Проверка введенного слова в капче и слова из массива
   4. Пример самой простой капчи со словами + Скачать.
4. Как использовать выше приведенные капчи на сайте?
5. Капча с использованием javascript.
Как работает капча со словами js
Пример капчи со словами на javascript.
Скачать капчу со словами на javascript.

6. Старая капча со словами

Алгоритм работы капчи со словами

Прежде чем начинать разбирать капчу со словами нам нужен алгоритм работы капчи со словами:

Слова будут выводиться случайно с помощью array_rand.

Это слово будет вписываться в input с типом hidden - скрытое поле.

Пользователь видит слово и записывает увиденное слово с экрана.

После отправки скрытое поле и поле введенное пользователем сравниваются.

Если присланы два одинаковых слова - капча со словами пройдена.

Чтобы не запутаться самому и не запутать вас!

Все капчи со словами, делались в разное время, поэтому, чтобы не запутаться, добавим некоторое пояснение.

Всё описание подходит и для так называемой "новой капчи со словами" и "старой капчи со словами" - разница между ними - лишь оформление.

И отдельной капчей со словами идет капча из видео, алгоритм использовался аналогичный - вместо изображения предложения.




Видео Капча со словами в предложении

Видео о том, как сделать капчу со словами в предложении!

Алгоритм данной капчи, которая в видео - абсолютно аналогична капче с картинкой, только вместо изображения - используется предложение.

Здесь было встроенное видео с моего канала youtube.com

Почему, то страницы со встроенным видео начали конкретно тупить, поэтому -> даю ссылку на видео


Пример на отдельной странице со словами в предложении

Пример на отдельной странице со словами в предложении

Скачать капчу(из видео) со словами в предложении

Что в архиве?

Архив "kapcha_v_predlogenii".zip

В архиве один файл kapcha_v_predlogenii.php - копия файла примера
Капча со словами в предложении скачиваем здесь



3. Капчи со словами.

   Форма для капчи со словами

   Давайте разберемся как работает капча со словами и из чего она состоит:

   Создадим переменную $show в которую положим, слова. что нужно сделать + слова из массива, о котором поговорим позже:

   Напишите слово <red>'.$array[$array_rand].'</red>

   В форму вставляем атрибуты action и метод post

   <form action="" method="post">

   Поле с вводом нашего слова... не обязательно это будет животное, можно просто напишите слово...:

   <input type="text" name="text_kapcha" placeholder="Название животного" required><br>

   В кнопку button добавим value опять то слово из массива слов.

   <button name="submit" value="'.$array[$array_rand] .'">Отправить</button>

   Соберем всю переменную вместе:

   $show .= '

   Напишите слово <red>'.$array[$array_rand].'</red>

   <form action="" method="post">

   <input type="text" name="text_kapcha" placeholder="Название животного" required><br>

   <button name="submit" value="'.$array[$array_rand] .'">Отправить</button>

   </form>

   </div>

   ';

   Рандомный вывод слов капчи + переменные

   Для работы капчи со словами нам потребуется как-то массив со словами, вы его всегда можете изменить!

   $array = array('слон','кот','крокодил','мышь','петух','конь');

   Выведем случайным образом номер ключа данного массива используем для этого функцию array_rand:

   Из выше приведенной формы получим в переменную, из поля ввода:

   $text_kapcha = strip_tags(trim($_POST['text_kapcha']));

   И в кнопке button было значение из выше приведенного массива, его тоже получим в переменную

   $submit = strip_tags(trim($_POST['submit']));

   Соберем весь перечисленный код:

   Весь код капчи со словами :

   Код "капчи со словами можно скачать на " странице со скриптами

   Проверка введенного слова в капче и слова из массива

   Далее -> у нас есть уже все в наличии для работы +капчи со словами, нам осталось, только и всего то, проверить, что было отправлено в поле ввода, т.е. то слово, которое ввел пользователь и то слово, которой пряталось в value button :

   <?

   if($submit)

   {

    if($text_kapcha == $submit)

    {

     $show .='<green>Все верно</green><br>';

    }

    else

    {

     $show .='<red>Ответ не правильный!</red><br>';

    }

   }

   ?>

   Пример самой простой капчи со словами

   Вы можете протестировать данную капчу со словами сверху написано слово, которое требуется ввести в строку ввода и нажмите отправить:

   Напишите слово
   
   Отправить
   Также

   Пример капчи со словами на отдельной странице

   Проверить работоспособность выше приведенного кода капчи со словами можно на отдельной странице.

   Скачать капчу со словами.

   + Скачать капчу со словами на основной странице со скриптами




Как использовать все приведенный капчи на сайте?

Достаем весь код из страницы, размещаем его там, где вам нужно.

В том месте кода, где капча пройдена, вставляем ваш код, который должен выполниться после прохождения капчи.

Нажмите, чтобы открыть в новом окне.





Капча с использованием javascript.

Для того, чтобы сделать капчу через javascript нам понадобится:

Для всплывающего окна будем использовать promt

Все javascript скрипты будут находится в "index.html"

В файл добавил два поля input + textarea.

После заполнение полей, при нажатии на кнопку отправить - будет срабатывать promt


Как работает капча со словами js

Два файла работают вместе index.html + promt_post.php:

Они(данные из полей) будут отправляться в файл "promt_post.php".В котором будут проверяться(php) присланные данные.

Поля в примере не могут быть пустыми. Если все поля заполнены, то получим ответ:

Все данные переданы

Если нет, то:

Не все поля заполнены

Блокировка при неправильном ответе на капчу:

Если слово из капчи введено не правильно, то получим:

Слово введено не верно

+ Будет создана сессия:

$_SESSION[bad]==1;

Если следующий ответ будет не правильный, то прибавляем к сессии +1.

$_SESSION[bad] +=1;

После 3 неправильных ответом вы получите:

Вы заблокированы!!!

+ Заносим в localStorage :

localStorage.setItem("wrong_capcha", "Вы заблокированы")

+ перезагружаем страницу location.reload();, скрываем форму display_none_js

Пример капчи со словами на javascript.

Пример "капчи со словами на javascript" - только на отдельной странице, чтобы не городить код сразу на двух страницах.

Скачать капчу со словами на javascript.

Скачать можно здесь.

Что в архиве?

А архиве два файла:





Старая капча со словами

Для первого варианта капчи со словами описания как такого не было, просто взял самый первый вариант моей капчи с картинкой и удалили картинку!

пример

скачать первый вариант