СКРИПТЫ
ТЕГИ:
php (285)
js (167)
html (139)
css (119)
html tags (61)
jquery (40)
text (37)
form html (30)
php array (30)
fonts (27)
ruweb.net (23)
foto (22)
online (22)
Показать еще :
php file (21)
atom (20)
forum (19)
svg (18)
board (17)
hosting (17)
js method (16)
html book (16)
input (16)
color (15)
link (15)
php date (15)
js events (14)
htaccess (13)
table (13)
osclass (13)
dw block (12)
info (12)
js delete (12)
select (12)
path (12)
icon (11)
keyboard (11)
jsphp (11)
php img (11)
img (11)
php time (11)
form (11)
download (11)
notepad (11)
url (10)
mouse (10)
js time (9)
yandex (9)
cookie (7)
php url (7)
comment (7)
dosite (7)
task (7)
hover (7)
iframe (6)
list (6)
year (6)
mysql (6)
click (6)
js url (6)
ftp (5)
heading (5)
php get (5)
search (5)
adminka (5)
js id (5)
browser (5)
mb (5)
value (5)
chart (5)
week (4)
mounth (4)
day (4)
reg.ru (4)
нок (4)
bbcode (4)
vk (4)
captcha (4)
submit (4)
js form (4)
symbols (4)
console (4)
ucoz (3)
js post (3)
line (3)
pages (3)
https (3)
ssl (3)
scandir (3)
js img (3)
vs code (3)
padding (3)
куб (2)
js vars (2)
video (2)
youtube (2)
seo (2)
details (2)
title (2)
cursor (2)
base64 (2)
second (2)
tag hr (2)
money (2)
рся (2)
typeof (2)
arrows (2)
counter (2)
height (2)
qr kod (2)
sitemap (2)
нод (1)
windows (1)
google (1)
header (1)
numbers (1)
archive (1)
domen (1)
speed (1)
books (1)
smile (1)
scroll (1)

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

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

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

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




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

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

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

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

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

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

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

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

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

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




    1. Форма для цифровой капчи и получение данных 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;



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

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

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

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

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

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

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

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

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

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




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

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

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

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

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

      + =

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

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




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

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

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

      Что в архиве?

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

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


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

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

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

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

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

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

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


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

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


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

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


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

    Что в архиве?

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

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

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

Пользуйтесь на здоровье! Не забудьте сказать спасибо
Теги :
простая капча
цифровая капча
простая капча на сайт
простая капча на php
цифровая капча
капча на php
капча для сайта php
математическая капча php
делаем капчу на php
простая математическая капча php
цифровая капча демо
капча на цифры
digital captcha
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

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

Последние комментарии :
Марат :
07.07.2022 13:02
Вам спасибо, что оценили! На ваш вопрос в одной строчке не ответишь, поэтому для вас отдельный пункт…
подробнее.
Борис :
07.07.2022 10:41
Спасибо за статью! Подскажите, пожалуйста, как сделать, чтобы файл создавался по имени из формы? Есть тест,…
подробнее.
вывы :
05.06.2022 12:32
сейчас яндекс добавил индексацию js в…
подробнее.
Марат :
02.06.2022 20:14
Михаил :
02.06.2022 20:10
Ну вот только для этого может быть ;) А так, нет смысла…
подробнее.
Марат :
02.06.2022 15:59
Чтобы вы зашли на данную страницу и нажали на…
подробнее.
ruweb
Страница загружена за : 0.026369 секунд. Подробнее