phpjsJqueryhtmlcssblog

Цифровая капча с примером и скачать

Простая цифровая капча. Код цифровой капчи, скачать цифровую капчу с примерами работы. Внизу можно будет протестировать работу цифровой капчи!
Данная капча проста тем, что в ней практически нет кода и всего одна проверка! Данная капча будет математической, или по другому цифровая капча. т.е. будет два поля ввода, знак будет постоянный - это плюс и третье поле - равно.

цифровая капча.

1. Цифровая капча с тремя числами.
   
   1. Форма для цифровой капчи и получение данных php
   2. Проверка внутри цифровой капчи
   3. Живой пример цифровой капчи
   4. Скачать цифровую капчу
2. Цифровая капча в картинке.
   
   1. Пример цифровой капчи
   2. Скачать цифровую капчу в картинке

Скопировать ссылку
1. 
   

   Что такое "Цифровая капча с тремя числами"?

   Начнем с определения : "Что такое Цифровая капча с тремя числами":
   
   "Цифровая капча с тремя числами" представляет собой форму с тремя полями ввода цифр.
   В первом и втором поле - надо ввести два слагаемых(слагаемое ) и в третьем поле нужно ввести их сумму(т.е. прибавить два первых числа)
   

   Если в капче три числа введены верно.

   Если в капче все три числа введены верно, то вы увидите результат выведенный с помощью echo, строка 28.

   echo "Пятерка! Давай дневник!!!";

   Если в капче три числа введены не верно.

   Если в капче все три числа введены не верно, то вы увидите результат выведенный с помощью echo, строка 34.

   echo "Вам нужно в первый класс!!";

   Вывод результата работы капчи:

   Результат работы капчи, после ввода цифр и отправки данных - будет виден после перезагрузки страницы - обрабатывается с помощью php.

   
   
   
   Скопировать ссылку

   Форма для цифровой капчи и получение данных php

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

   Алгоритм работы цифровой капчи

   У нас будет три поля ввода цифр - раз уж это называется цифровой капчей из них мы отправляем, соответственно 3 переменные.
   

   name="a" - цифра 1.

   name="b" - цифра 2.

   name="summa" - цифра 3.

   И далее мы проверяем :

   а + b = summa

   Форма для ввода данных цифровой капчи

   Нам понадобится форма ввода данных для цифровой капчи:

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

   <input type="number" name="a" required="" placeholder="1"> <n>+</n>

   <input type="number" name="b" required="" placeholder="2"> <n>=</n>

   <input type="number" name="summa" required="" placeholder="3">

   <input type="submit" name="submit" value="Отправить">

   </form>

   Использовали для цифровой капчи

   Тег form

   Данные будем отправлять методом - post

   action - пустой - будем отправлять данные на эту же страницу.

   Тег input с типом number

   Используем required - для того, чтобы сделать поля формы обязательными.

   Тег input с типом submit

   Получаем данные из цифровой капчи

   Получим данные из полей, это будет первое и второе слагаемое, и их сумма.

   Нам понадобится сумма двух слагаемых дополнительно - это переменная $sum

   if($_POST['submit']) {$a = $_POST['a'];}

   if($_POST['b']) {$b = $_POST['b'];}

   if($_POST['summa']) {$summa = $_POST['summa'];}

   $sum = $a + $b;

   
   
   
   Скопировать ссылку

   Проверка внутри цифровой капчи

   Данные отправляются из формы с помощью post

   Переменные из полей формы капчи:

   Получаем из трех форм ввода капчи три переменные.

   На сервере два первых числа складываем.

   Если сумма сложенных чисел равна третьему числу, то выводим:

   echo "Пятерка! Давай дневник!!!";

   Если в капче три числа введены не верно.

   Если в капче все три числа введены не верно, то вы увидите результат выведенный с помощью echo, строка 34.

   echo "Вам нужно в первый класс!!";
   
   
   
   Скопировать ссылку

   Живой пример цифровой капчи:

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

   Если вы составите правильное выражение, то ответ капчи будет: Пятерка! Давай дневник!!!

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

   Протестировать работу цифровой капчи

   + =

   Пример цифровой капчи с тремя числами.

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

   Скачать цифровую капчу

   Как и где скачать цифровую капчу с тремя числами?

   Скачать можно здесь.
   
   Что в архиве?

   Архив формата ".zip".

   В архиве данный пример без изменений.

Скопировать ссылку



Цифровая капча в картинке.

Для того, чтобы сделать цифровую капчу в картинке нам понадобится:

Начнем с того, что преобразуем случайное число в картинку.

Вы получите вот такую картинку. Можно добавить различные эффекты к данной цифровой капче в картинке... у нас такая задача сейчас не стоит.



Далее нарисуем простую форму с двумя полями ввода type number + type submit

+ добавим php алгоритм, который получит данное число из картинки и сравнит его с полем ввода, которое вы заполнили данным числом.

Соберем весь код цифровой капчи в картинке вместе




Пример капчи в картинке.

Чтобы протестировать работу примера капчи в картинке, в поле ввода введите цифру с картинки и нажмите отправить!





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

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




Скачать цифровую капчу в картинке.

Что в архиве?

Архив формата ".zip".

В архиве 1 файл "digital_captcha_three_numbers.php" копия примера на отдельной странице.

Скачать здесь

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---