ГЛАВНАЯ | HTML | CSS | PHP | JS | ЕЩЁ |

Капча с картинкой

Следующим шагом - давайте сделаем простую капчу с картинками. На картинках будет простое слово, которые нужно будет написать. Если слово с картинки будет написано верно, то капча сработает, если нет, то выдаст ошибку!

Для этого нам потребуется форма ввода.

И да...мы ранее уже делали капчу цифровую с формой + капчу со словами

Где в hidden(скрытое поле...) будем отправлять слово для проверки…

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

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

    <input type="hidden" name="hidden" value="<? echo $slovo; ?>" ><br>

    <button name="otpravit" value="Привет!">Отправить</button>

</form>    

В переменную $text будем передавить значение из поля, а про hidden я уде сказал…

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

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

Дальше нам потребуется массив из слов – каждому из которых будет соответствовать своя картинка.

И нам нужна функция случайного вывода…

$array = array('slon','kot','krokodile','mish','petuh','sobaka');

$array_rand = array_rand($array, 1);

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

if($array[$array_rand]  == 'slon'){$slovo = 'слон';}

if($array[$array_rand]  == 'kot'){$slovo = 'кот';}

if($array[$array_rand]  == 'krokodile'){$slovo = 'крокодил';}

if($array[$array_rand]  == 'mish'){$slovo = 'мышь';}

if($array[$array_rand]  == 'petuh'){$slovo = 'петух';}

if($array[$array_rand]  == 'sobaka'){$slovo = 'собака';}

Ну и далее нам нужен скрипт, который все нам обработает!

Если кнопка отправить не нажата, то выведаем картинку...с надписью :

echo  'Пожлуйста напишите <br><br><img border="1px solid" width="100px" height="50" src="'.$array[$array_rand].'.jpg"><br><br>';

Если поле $text равно $hidden - все верно, если нет, то не верно...

if(!empty($_POST['otpravit']))

{

    if($text == $hidden)

    {

    echo '<b style="color: red">Все верно</b><br>';

    }

    else

    {

    echo '<b style="color: red">Ответ не правильный!</b><br>';

    }

}

else

{

echo  'Пожалуйста напишите <br><br><img border="1px solid" width="100px" height="50" src="'.$array[$array_rand].'.jpg"><br><br>';

}

Посмотреть результат.
Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 11.1
Название скрипта и номер :Капча с картинкой
Пример - Капча с картинкой
Скачать - архив
Все скрипты на одной страницеС вашими куками, что-то не то..., попробуете перезагрузить страницу..

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2019