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

Поддержи проект!!!

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

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

1. Немного введения... + видео
2. Пример самой простой капчи со словами + скачать
3. Форма для капчи со словами
4. Рандомный вывод слов капчи + переменные
5. Проверка введенного слова в капче и слова из массива
6. заголовок

Немного введения...

Тут требуется немного вводных, поскольку скриптов становится много и время проходит, и уже совершенно другими знаньями смотришь на всю эту вакханалию...

Я взял самый первый вариант капчи капчу с картинками

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

Но прошло время и тут, что-то я посмотрел на этот код, который... ну мягко скажем через чур громоздкий и вот решил, что пора сделать второй вариант капчи со словами!


Как она будет выглядеть! Набросал немного стилей ...

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

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

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

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

Напишите слово кот

Отправить
Также

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

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

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

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

Создадим переменную $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 = array_rand($array, 1);

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

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

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

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

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

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

$array_rand = array_rand($array, 1);

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

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

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

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


if($submit)

{

if($text_kapcha == $submit)

{

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

}

else

{

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

}

}

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

либо на отдельной странице.

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

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

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


пример

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